chore(架构调整): 重构scss等不合框架架资源以及build配置成功

internal/build/gulpfile.ts

@@ -33,7 +33,7 @@ export default series(
     parallel(
         runTask('buildModules'),
         runTask('buildFullBundle'),
-        runTask('generateTypesDefinitions'),
+        // runTask('generateTypesDefinitions'),
         runTask('buildHelper'),
         series(
             withTaskName('buildThemeChalk', () => run('pnpm run -C packages/theme-chalk build')),

packages/components/advance/tag/src/Tags.vue

@@ -62,12 +62,7 @@ const handleTagClick = (tagId: string) => {
     </div>
 </template>
 
-<style scoped>
-/* div {
-    position: absolute;
-} */
-</style>
-<style>
+<!-- <style>
 [xui_tags_view] {
     position: absolute;
     width: 100%;
@@ -149,4 +144,4 @@ const handleTagClick = (tagId: string) => {
 [xui_tags_view] .content .trans.active {
     transform: translateY(-50%) scale(1);
 }
-</style>
+</style> -->

packages/components/advance/tag/src/metas/metasImage.vue

@@ -91,7 +91,7 @@ export default defineComponent({
     },
 })
 </script>
-<style lang="scss" scoped>
+<!-- <style lang="scss" scoped>
 .showPicBox {
     width: 100%;
     height: 100%;
@@ -379,4 +379,4 @@ export default defineComponent({
         }
     }
 }
-</style>
+</style> -->

packages/components/advance/tag/src/metas/metasVideo.vue

@@ -81,7 +81,7 @@ export default defineComponent({
     },
 })
 </script>
-<style lang="scss" scoped>
+<!-- <style lang="scss" scoped>
 .del-btn {
     width: 24px;
     height: 24px;
@@ -129,4 +129,4 @@ export default defineComponent({
         object-fit: contain;
     }
 }
-</style>
+</style> -->

packages/components/advance/tag/src/showTag.vue

@@ -58,7 +58,7 @@ export default defineComponent({
 })
 </script>
 
-<style lang="scss" scoped>
+<!-- <style lang="scss" scoped>
 .show-tag {
     pointer-events: auto;
     background: rgba(27, 27, 28, 0.8);
@@ -210,4 +210,4 @@ export default defineComponent({
         }
     }
 }
-</style>
+</style> -->

packages/components/basic/config-provider/index.ts

@@ -0,0 +1,8 @@
+import { withInstall } from '@kankan-components/utils'
+
+import ConfigProvider from './src/config-provider'
+
+export const UIConfigProvider = withInstall(ConfigProvider)
+export default UIConfigProvider
+
+export * from './src/config-provider'

packages/components/basic/config-provider/src/config-provider.ts

@@ -0,0 +1,72 @@
+import { defineComponent, renderSlot, watch } from 'vue'
+import { buildProps, definePropType } from '@kankan-components/utils'
+import { provideGlobalConfig } from '@kankan-components/hooks'
+
+import type { ExtractPropTypes } from 'vue'
+// import type { ExperimentalFeatures } from '@kankan-components/tokens'
+// import type { Language } from '@kankan-components/locale'
+// import type { ButtonConfigContext } from '@kankan-components/components/basic/button'
+// import type { MessageConfigContext } from '@kankan-components/components/message'
+
+// export const messageConfig: MessageConfigContext = {}
+export const messageConfig = {}
+
+export const configProviderProps = buildProps({
+    // Controlling if the users want a11y features.
+    a11y: {
+        type: Boolean,
+        default: true,
+    },
+
+    // locale: {
+    //     type: definePropType<Language>(Object),
+    // },
+
+    // size: useSizeProp,
+
+    // button: {
+    //     type: definePropType<ButtonConfigContext>(Object),
+    // },
+
+    // experimentalFeatures: {
+    //     type: definePropType<ExperimentalFeatures>(Object),
+    // },
+
+    // Controls if we should handle keyboard navigation
+    keyboardNavigation: {
+        type: Boolean,
+        default: true,
+    },
+
+    message: {
+        type: definePropType<any>(Object),
+    },
+
+    zIndex: Number,
+
+    namespace: {
+        type: String,
+        default: 'ui',
+    },
+} as const)
+export type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>
+
+const ConfigProvider = defineComponent({
+    name: 'UIConfigProvider',
+    props: configProviderProps,
+
+    setup(props, { slots }) {
+        watch(
+            () => props.message,
+            val => {
+                Object.assign(messageConfig, val ?? {})
+            },
+            { immediate: true, deep: true }
+        )
+        const config = provideGlobalConfig(props)
+        return () => renderSlot(slots, 'default', { config: config?.value })
+    },
+})
+export type ConfigProviderInstance = InstanceType<typeof ConfigProvider>
+
+export default ConfigProvider

packages/components/basic/config-provider/style/css.ts

@@ -0,0 +1,2 @@
+// import '@element-plus/components/base/style/css'
+// import '@element-plus/theme-chalk/el-config-provider.css'

packages/components/basic/config-provider/style/index.ts

@@ -0,0 +1,2 @@
+// import '@element-plus/components/base/style'
+// import '@element-plus/theme-chalk/src/config-provider.scss'

packages/components/basic/icon/iconfont/demo.css

@@ -1,539 +0,0 @@
-/* Logo 字体 */
-@font-face {
-  font-family: "iconfont logo";
-  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
-  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
-    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
-    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
-    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
-}
-
-.logo {
-  font-family: "iconfont logo";
-  font-size: 160px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-/* tabs */
-.nav-tabs {
-  position: relative;
-}
-
-.nav-tabs .nav-more {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  height: 42px;
-  line-height: 42px;
-  color: #666;
-}
-
-#tabs {
-  border-bottom: 1px solid #eee;
-}
-
-#tabs li {
-  cursor: pointer;
-  width: 100px;
-  height: 40px;
-  line-height: 40px;
-  text-align: center;
-  font-size: 16px;
-  border-bottom: 2px solid transparent;
-  position: relative;
-  z-index: 1;
-  margin-bottom: -1px;
-  color: #666;
-}
-
-
-#tabs .active {
-  border-bottom-color: #f00;
-  color: #222;
-}
-
-.tab-container .content {
-  display: none;
-}
-
-/* 页面布局 */
-.main {
-  padding: 30px 100px;
-  width: 960px;
-  margin: 0 auto;
-}
-
-.main .logo {
-  color: #333;
-  text-align: left;
-  margin-bottom: 30px;
-  line-height: 1;
-  height: 110px;
-  margin-top: -50px;
-  overflow: hidden;
-  *zoom: 1;
-}
-
-.main .logo a {
-  font-size: 160px;
-  color: #333;
-}
-
-.helps {
-  margin-top: 40px;
-}
-
-.helps pre {
-  padding: 20px;
-  margin: 10px 0;
-  border: solid 1px #e7e1cd;
-  background-color: #fffdef;
-  overflow: auto;
-}
-
-.icon_lists {
-  width: 100% !important;
-  overflow: hidden;
-  *zoom: 1;
-}
-
-.icon_lists li {
-  width: 100px;
-  margin-bottom: 10px;
-  margin-right: 20px;
-  text-align: center;
-  list-style: none !important;
-  cursor: default;
-}
-
-.icon_lists li .code-name {
-  line-height: 1.2;
-}
-
-.icon_lists .icon {
-  display: block;
-  height: 100px;
-  line-height: 100px;
-  font-size: 42px;
-  margin: 10px auto;
-  color: #333;
-  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
-  -moz-transition: font-size 0.25s linear, width 0.25s linear;
-  transition: font-size 0.25s linear, width 0.25s linear;
-}
-
-.icon_lists .icon:hover {
-  font-size: 100px;
-}
-
-.icon_lists .svg-icon {
-  /* 通过设置 font-size 来改变图标大小 */
-  width: 1em;
-  /* 图标和文字相邻时，垂直对齐 */
-  vertical-align: -0.15em;
-  /* 通过设置 color 来改变 SVG 的颜色/fill */
-  fill: currentColor;
-  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
-      normalize.css 中也包含这行 */
-  overflow: hidden;
-}
-
-.icon_lists li .name,
-.icon_lists li .code-name {
-  color: #666;
-}
-
-/* markdown 样式 */
-.markdown {
-  color: #666;
-  font-size: 14px;
-  line-height: 1.8;
-}
-
-.highlight {
-  line-height: 1.5;
-}
-
-.markdown img {
-  vertical-align: middle;
-  max-width: 100%;
-}
-
-.markdown h1 {
-  color: #404040;
-  font-weight: 500;
-  line-height: 40px;
-  margin-bottom: 24px;
-}
-
-.markdown h2,
-.markdown h3,
-.markdown h4,
-.markdown h5,
-.markdown h6 {
-  color: #404040;
-  margin: 1.6em 0 0.6em 0;
-  font-weight: 500;
-  clear: both;
-}
-
-.markdown h1 {
-  font-size: 28px;
-}
-
-.markdown h2 {
-  font-size: 22px;
-}
-
-.markdown h3 {
-  font-size: 16px;
-}
-
-.markdown h4 {
-  font-size: 14px;
-}
-
-.markdown h5 {
-  font-size: 12px;
-}
-
-.markdown h6 {
-  font-size: 12px;
-}
-
-.markdown hr {
-  height: 1px;
-  border: 0;
-  background: #e9e9e9;
-  margin: 16px 0;
-  clear: both;
-}
-
-.markdown p {
-  margin: 1em 0;
-}
-
-.markdown>p,
-.markdown>blockquote,
-.markdown>.highlight,
-.markdown>ol,
-.markdown>ul {
-  width: 80%;
-}
-
-.markdown ul>li {
-  list-style: circle;
-}
-
-.markdown>ul li,
-.markdown blockquote ul>li {
-  margin-left: 20px;
-  padding-left: 4px;
-}
-
-.markdown>ul li p,
-.markdown>ol li p {
-  margin: 0.6em 0;
-}
-
-.markdown ol>li {
-  list-style: decimal;
-}
-
-.markdown>ol li,
-.markdown blockquote ol>li {
-  margin-left: 20px;
-  padding-left: 4px;
-}
-
-.markdown code {
-  margin: 0 3px;
-  padding: 0 5px;
-  background: #eee;
-  border-radius: 3px;
-}
-
-.markdown strong,
-.markdown b {
-  font-weight: 600;
-}
-
-.markdown>table {
-  border-collapse: collapse;
-  border-spacing: 0px;
-  empty-cells: show;
-  border: 1px solid #e9e9e9;
-  width: 95%;
-  margin-bottom: 24px;
-}
-
-.markdown>table th {
-  white-space: nowrap;
-  color: #333;
-  font-weight: 600;
-}
-
-.markdown>table th,
-.markdown>table td {
-  border: 1px solid #e9e9e9;
-  padding: 8px 16px;
-  text-align: left;
-}
-
-.markdown>table th {
-  background: #F7F7F7;
-}
-
-.markdown blockquote {
-  font-size: 90%;
-  color: #999;
-  border-left: 4px solid #e9e9e9;
-  padding-left: 0.8em;
-  margin: 1em 0;
-}
-
-.markdown blockquote p {
-  margin: 0;
-}
-
-.markdown .anchor {
-  opacity: 0;
-  transition: opacity 0.3s ease;
-  margin-left: 8px;
-}
-
-.markdown .waiting {
-  color: #ccc;
-}
-
-.markdown h1:hover .anchor,
-.markdown h2:hover .anchor,
-.markdown h3:hover .anchor,
-.markdown h4:hover .anchor,
-.markdown h5:hover .anchor,
-.markdown h6:hover .anchor {
-  opacity: 1;
-  display: inline-block;
-}
-
-.markdown>br,
-.markdown>p>br {
-  clear: both;
-}
-
-
-.hljs {
-  display: block;
-  background: white;
-  padding: 0.5em;
-  color: #333333;
-  overflow-x: auto;
-}
-
-.hljs-comment,
-.hljs-meta {
-  color: #969896;
-}
-
-.hljs-string,
-.hljs-variable,
-.hljs-template-variable,
-.hljs-strong,
-.hljs-emphasis,
-.hljs-quote {
-  color: #df5000;
-}
-
-.hljs-keyword,
-.hljs-selector-tag,
-.hljs-type {
-  color: #a71d5d;
-}
-
-.hljs-literal,
-.hljs-symbol,
-.hljs-bullet,
-.hljs-attribute {
-  color: #0086b3;
-}
-
-.hljs-section,
-.hljs-name {
-  color: #63a35c;
-}
-
-.hljs-tag {
-  color: #333333;
-}
-
-.hljs-title,
-.hljs-attr,
-.hljs-selector-id,
-.hljs-selector-class,
-.hljs-selector-attr,
-.hljs-selector-pseudo {
-  color: #795da3;
-}
-
-.hljs-addition {
-  color: #55a532;
-  background-color: #eaffea;
-}
-
-.hljs-deletion {
-  color: #bd2c00;
-  background-color: #ffecec;
-}
-
-.hljs-link {
-  text-decoration: underline;
-}
-
-/* 代码高亮 */
-/* PrismJS 1.15.0
-https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
-/**
- * prism.js default theme for JavaScript, CSS and HTML
- * Based on dabblet (http://dabblet.com)
- * @author Lea Verou
- */
-code[class*="language-"],
-pre[class*="language-"] {
-  color: black;
-  background: none;
-  text-shadow: 0 1px white;
-  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-  text-align: left;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  word-wrap: normal;
-  line-height: 1.5;
-
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
-}
-
-pre[class*="language-"]::-moz-selection,
-pre[class*="language-"] ::-moz-selection,
-code[class*="language-"]::-moz-selection,
-code[class*="language-"] ::-moz-selection {
-  text-shadow: none;
-  background: #b3d4fc;
-}
-
-pre[class*="language-"]::selection,
-pre[class*="language-"] ::selection,
-code[class*="language-"]::selection,
-code[class*="language-"] ::selection {
-  text-shadow: none;
-  background: #b3d4fc;
-}
-
-@media print {
-
-  code[class*="language-"],
-  pre[class*="language-"] {
-    text-shadow: none;
-  }
-}
-
-/* Code blocks */
-pre[class*="language-"] {
-  padding: 1em;
-  margin: .5em 0;
-  overflow: auto;
-}
-
-:not(pre)>code[class*="language-"],
-pre[class*="language-"] {
-  background: #f5f2f0;
-}
-
-/* Inline code */
-:not(pre)>code[class*="language-"] {
-  padding: .1em;
-  border-radius: .3em;
-  white-space: normal;
-}
-
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-  color: slategray;
-}
-
-.token.punctuation {
-  color: #999;
-}
-
-.namespace {
-  opacity: .7;
-}
-
-.token.property,
-.token.tag,
-.token.boolean,
-.token.number,
-.token.constant,
-.token.symbol,
-.token.deleted {
-  color: #905;
-}
-
-.token.selector,
-.token.attr-name,
-.token.string,
-.token.char,
-.token.builtin,
-.token.inserted {
-  color: #690;
-}
-
-.token.operator,
-.token.entity,
-.token.url,
-.language-css .token.string,
-.style .token.string {
-  color: #9a6e3a;
-  background: hsla(0, 0%, 100%, .5);
-}
-
-.token.atrule,
-.token.attr-value,
-.token.keyword {
-  color: #07a;
-}
-
-.token.function,
-.token.class-name {
-  color: #DD4A68;
-}
-
-.token.regex,
-.token.important,
-.token.variable {
-  color: #e90;
-}
-
-.token.important,
-.token.bold {
-  font-weight: bold;
-}
-
-.token.italic {
-  font-style: italic;
-}
-
-.token.entity {
-  cursor: help;
-}

packages/components/basic/icon/iconfont/iconfont.css

@@ -1,315 +0,0 @@
-@font-face {
-  font-family: "iconfont"; /* Project id 2930899 */
-  src: url('iconfont.woff2?t=1639107133391') format('woff2'),
-       url('iconfont.woff?t=1639107133391') format('woff'),
-       url('iconfont.ttf?t=1639107133391') format('truetype');
-}
-
-.iconfont {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-destination:before {
-  content: "\e678";
-}
-
-.icon-origin:before {
-  content: "\e679";
-}
-
-.icon-state_e:before {
-  content: "\e624";
-}
-
-.icon-state_f:before {
-  content: "\e625";
-}
-
-.icon-state_s:before {
-  content: "\e626";
-}
-
-.icon-clear:before {
-  content: "\e676";
-}
-
-.icon-cut:before {
-  content: "\e677";
-}
-
-.icon-copy:before {
-  content: "\e675";
-}
-
-.icon-v-m:before {
-  content: "\e674";
-}
-
-.icon-f-m:before {
-  content: "\e671";
-}
-
-.icon-v-r:before {
-  content: "\e672";
-}
-
-.icon-f-l:before {
-  content: "\e673";
-}
-
-.icon-h-l:before {
-  content: "\e66d";
-}
-
-.icon-h-m:before {
-  content: "\e66e";
-}
-
-.icon-v-l:before {
-  content: "\e66f";
-}
-
-.icon-h-r:before {
-  content: "\e670";
-}
-
-.icon-share:before {
-  content: "\e66c";
-}
-
-.icon-magnify:before {
-  content: "\e66b";
-}
-
-.icon-a-2d:before {
-  content: "\e669";
-}
-
-.icon-a-3d:before {
-  content: "\e66a";
-}
-
-.icon-left:before {
-  content: "\e668";
-}
-
-.icon-video:before {
-  content: "\e667";
-}
-
-.icon-pic:before {
-  content: "\e64e";
-}
-
-.icon-full:before {
-  content: "\e638";
-}
-
-.icon-del:before {
-  content: "\e632";
-}
-
-.icon-link:before {
-  content: "\e618";
-}
-
-.icon-uploading:before {
-  content: "\e619";
-}
-
-.icon-complete:before {
-  content: "\e61b";
-}
-
-.icon-web:before {
-  content: "\e635";
-}
-
-.icon-music:before {
-  content: "\e637";
-}
-
-.icon-element:before {
-  content: "\e666";
-}
-
-.icon-add:before {
-  content: "\e631";
-}
-
-.icon-edit:before {
-  content: "\e61f";
-}
-
-.icon-info:before {
-  content: "\e65e";
-}
-
-.icon-transmit:before {
-  content: "\e65f";
-}
-
-.icon-room:before {
-  content: "\e660";
-}
-
-.icon-point:before {
-  content: "\e661";
-}
-
-.icon-bulid:before {
-  content: "\e662";
-}
-
-.icon-floor:before {
-  content: "\e663";
-}
-
-.icon-pull-up1:before {
-  content: "\e664";
-}
-
-.icon-pull-down1:before {
-  content: "\e665";
-}
-
-.icon-checkbox1:before {
-  content: "\e65d";
-}
-
-.icon-minimize:before {
-  content: "\e65c";
-}
-
-.icon-reset:before {
-  content: "\e65a";
-}
-
-.icon-refresh:before {
-  content: "\e65b";
-}
-
-.icon-checkbox:before {
-  content: "\e659";
-}
-
-.icon-pull-down:before {
-  content: "\e61d";
-}
-
-.icon-pull-up:before {
-  content: "\e61e";
-}
-
-.icon-show_pic_s:before {
-  content: "\e658";
-}
-
-.icon-show_pic_n:before {
-  content: "\e650";
-}
-
-.icon-show_dot_s:before {
-  content: "\e64f";
-}
-
-.icon-show_dot_n:before {
-  content: "\e657";
-}
-
-.icon-share1:before {
-  content: "\e656";
-}
-
-.icon-portrait:before {
-  content: "\e655";
-}
-
-.icon-course:before {
-  content: "\e652";
-}
-
-.icon-self-more:before {
-  content: "\e64b";
-}
-
-.icon-search:before {
-  content: "\e64c";
-}
-
-.icon-pull-more:before {
-  content: "\e64d";
-}
-
-.icon-switch:before {
-  content: "\e651";
-}
-
-.icon-nav-hotspot:before {
-  content: "\e64a";
-}
-
-.icon-nav-measure:before {
-  content: "\e649";
-}
-
-.icon-nav-edit:before {
-  content: "\e642";
-}
-
-.icon-nav-setup:before {
-  content: "\e648";
-}
-
-.icon-close:before {
-  content: "\e633";
-}
-
-.icon-nav-browse:before {
-  content: "\e63d";
-}
-
-.icon-nav-correct:before {
-  content: "\e63e";
-}
-
-.icon-nav_data-setup:before {
-  content: "\e63f";
-}
-
-.icon-nav-coord:before {
-  content: "\e641";
-}
-
-.icon-nav-geography:before {
-  content: "\e643";
-}
-
-.icon-nav-space:before {
-  content: "\e644";
-}
-
-.icon-nav-download:before {
-  content: "\e645";
-}
-
-.icon-nav-data:before {
-  content: "\e646";
-}
-
-.icon-nav-house:before {
-  content: "\e647";
-}
-
-.icon-eye-s:before {
-  content: "\e653";
-}
-
-.icon-eye-n:before {
-  content: "\e654";
-}
-

packages/components/basic/icon/iconfont/iconfont.json

@@ -1,534 +0,0 @@
-{
-    "id": "2930899",
-    "name": "激光编辑器",
-    "font_family": "iconfont",
-    "css_prefix_text": "icon-",
-    "description": "",
-    "glyphs": [
-        {
-            "icon_id": "26384825",
-            "name": "destination",
-            "font_class": "destination",
-            "unicode": "e678",
-            "unicode_decimal": 59000
-        },
-        {
-            "icon_id": "26384826",
-            "name": "origin",
-            "font_class": "origin",
-            "unicode": "e679",
-            "unicode_decimal": 59001
-        },
-        {
-            "icon_id": "22132762",
-            "name": "state_e",
-            "font_class": "state_e",
-            "unicode": "e624",
-            "unicode_decimal": 58916
-        },
-        {
-            "icon_id": "22132763",
-            "name": "state_f",
-            "font_class": "state_f",
-            "unicode": "e625",
-            "unicode_decimal": 58917
-        },
-        {
-            "icon_id": "22132764",
-            "name": "state_s",
-            "font_class": "state_s",
-            "unicode": "e626",
-            "unicode_decimal": 58918
-        },
-        {
-            "icon_id": "26198013",
-            "name": "clear",
-            "font_class": "clear",
-            "unicode": "e676",
-            "unicode_decimal": 58998
-        },
-        {
-            "icon_id": "26198014",
-            "name": "cut",
-            "font_class": "cut",
-            "unicode": "e677",
-            "unicode_decimal": 58999
-        },
-        {
-            "icon_id": "26189441",
-            "name": "copy",
-            "font_class": "copy",
-            "unicode": "e675",
-            "unicode_decimal": 58997
-        },
-        {
-            "icon_id": "26077357",
-            "name": "v-m",
-            "font_class": "v-m",
-            "unicode": "e674",
-            "unicode_decimal": 58996
-        },
-        {
-            "icon_id": "26077354",
-            "name": "f-m",
-            "font_class": "f-m",
-            "unicode": "e671",
-            "unicode_decimal": 58993
-        },
-        {
-            "icon_id": "26077355",
-            "name": "v-r",
-            "font_class": "v-r",
-            "unicode": "e672",
-            "unicode_decimal": 58994
-        },
-        {
-            "icon_id": "26077356",
-            "name": "f-l",
-            "font_class": "f-l",
-            "unicode": "e673",
-            "unicode_decimal": 58995
-        },
-        {
-            "icon_id": "26077350",
-            "name": "h-l",
-            "font_class": "h-l",
-            "unicode": "e66d",
-            "unicode_decimal": 58989
-        },
-        {
-            "icon_id": "26077351",
-            "name": "h-m",
-            "font_class": "h-m",
-            "unicode": "e66e",
-            "unicode_decimal": 58990
-        },
-        {
-            "icon_id": "26077352",
-            "name": "v-l",
-            "font_class": "v-l",
-            "unicode": "e66f",
-            "unicode_decimal": 58991
-        },
-        {
-            "icon_id": "26077353",
-            "name": "h-r",
-            "font_class": "h-r",
-            "unicode": "e670",
-            "unicode_decimal": 58992
-        },
-        {
-            "icon_id": "26077297",
-            "name": "share",
-            "font_class": "share",
-            "unicode": "e66c",
-            "unicode_decimal": 58988
-        },
-        {
-            "icon_id": "26077227",
-            "name": "magnify",
-            "font_class": "magnify",
-            "unicode": "e66b",
-            "unicode_decimal": 58987
-        },
-        {
-            "icon_id": "26077202",
-            "name": "2d",
-            "font_class": "a-2d",
-            "unicode": "e669",
-            "unicode_decimal": 58985
-        },
-        {
-            "icon_id": "26077203",
-            "name": "3d",
-            "font_class": "a-3d",
-            "unicode": "e66a",
-            "unicode_decimal": 58986
-        },
-        {
-            "icon_id": "26008932",
-            "name": "left",
-            "font_class": "left",
-            "unicode": "e668",
-            "unicode_decimal": 58984
-        },
-        {
-            "icon_id": "26008166",
-            "name": "video",
-            "font_class": "video",
-            "unicode": "e667",
-            "unicode_decimal": 58983
-        },
-        {
-            "icon_id": "23786363",
-            "name": "pic",
-            "font_class": "pic",
-            "unicode": "e64e",
-            "unicode_decimal": 58958
-        },
-        {
-            "icon_id": "23773141",
-            "name": "full",
-            "font_class": "full",
-            "unicode": "e638",
-            "unicode_decimal": 58936
-        },
-        {
-            "icon_id": "23773069",
-            "name": "del",
-            "font_class": "del",
-            "unicode": "e632",
-            "unicode_decimal": 58930
-        },
-        {
-            "icon_id": "22099479",
-            "name": "link",
-            "font_class": "link",
-            "unicode": "e618",
-            "unicode_decimal": 58904
-        },
-        {
-            "icon_id": "22099480",
-            "name": "uploading",
-            "font_class": "uploading",
-            "unicode": "e619",
-            "unicode_decimal": 58905
-        },
-        {
-            "icon_id": "22099484",
-            "name": "complete",
-            "font_class": "complete",
-            "unicode": "e61b",
-            "unicode_decimal": 58907
-        },
-        {
-            "icon_id": "23773072",
-            "name": "web",
-            "font_class": "web",
-            "unicode": "e635",
-            "unicode_decimal": 58933
-        },
-        {
-            "icon_id": "23773074",
-            "name": "music",
-            "font_class": "music",
-            "unicode": "e637",
-            "unicode_decimal": 58935
-        },
-        {
-            "icon_id": "25764812",
-            "name": "element",
-            "font_class": "element",
-            "unicode": "e666",
-            "unicode_decimal": 58982
-        },
-        {
-            "icon_id": "23773068",
-            "name": "add",
-            "font_class": "add",
-            "unicode": "e631",
-            "unicode_decimal": 58929
-        },
-        {
-            "icon_id": "22099525",
-            "name": "edit",
-            "font_class": "edit",
-            "unicode": "e61f",
-            "unicode_decimal": 58911
-        },
-        {
-            "icon_id": "25713499",
-            "name": "info",
-            "font_class": "info",
-            "unicode": "e65e",
-            "unicode_decimal": 58974
-        },
-        {
-            "icon_id": "25713500",
-            "name": "transmit",
-            "font_class": "transmit",
-            "unicode": "e65f",
-            "unicode_decimal": 58975
-        },
-        {
-            "icon_id": "25713501",
-            "name": "room",
-            "font_class": "room",
-            "unicode": "e660",
-            "unicode_decimal": 58976
-        },
-        {
-            "icon_id": "25713502",
-            "name": "point",
-            "font_class": "point",
-            "unicode": "e661",
-            "unicode_decimal": 58977
-        },
-        {
-            "icon_id": "25713503",
-            "name": "bulid",
-            "font_class": "bulid",
-            "unicode": "e662",
-            "unicode_decimal": 58978
-        },
-        {
-            "icon_id": "25713504",
-            "name": "floor",
-            "font_class": "floor",
-            "unicode": "e663",
-            "unicode_decimal": 58979
-        },
-        {
-            "icon_id": "25713602",
-            "name": "pull-up",
-            "font_class": "pull-up1",
-            "unicode": "e664",
-            "unicode_decimal": 58980
-        },
-        {
-            "icon_id": "25713603",
-            "name": "pull-down",
-            "font_class": "pull-down1",
-            "unicode": "e665",
-            "unicode_decimal": 58981
-        },
-        {
-            "icon_id": "25671886",
-            "name": "checkbox",
-            "font_class": "checkbox1",
-            "unicode": "e65d",
-            "unicode_decimal": 58973
-        },
-        {
-            "icon_id": "25655073",
-            "name": "minimize",
-            "font_class": "minimize",
-            "unicode": "e65c",
-            "unicode_decimal": 58972
-        },
-        {
-            "icon_id": "25654903",
-            "name": "reset",
-            "font_class": "reset",
-            "unicode": "e65a",
-            "unicode_decimal": 58970
-        },
-        {
-            "icon_id": "25654904",
-            "name": "refresh",
-            "font_class": "refresh",
-            "unicode": "e65b",
-            "unicode_decimal": 58971
-        },
-        {
-            "icon_id": "25654199",
-            "name": "checkbox",
-            "font_class": "checkbox",
-            "unicode": "e659",
-            "unicode_decimal": 58969
-        },
-        {
-            "icon_id": "22099518",
-            "name": "pull-down",
-            "font_class": "pull-down",
-            "unicode": "e61d",
-            "unicode_decimal": 58909
-        },
-        {
-            "icon_id": "22099519",
-            "name": "pull-up",
-            "font_class": "pull-up",
-            "unicode": "e61e",
-            "unicode_decimal": 58910
-        },
-        {
-            "icon_id": "25633777",
-            "name": "show_pic_s",
-            "font_class": "show_pic_s",
-            "unicode": "e658",
-            "unicode_decimal": 58968
-        },
-        {
-            "icon_id": "25633765",
-            "name": "show_pic_n",
-            "font_class": "show_pic_n",
-            "unicode": "e650",
-            "unicode_decimal": 58960
-        },
-        {
-            "icon_id": "25633715",
-            "name": "show_dot_s",
-            "font_class": "show_dot_s",
-            "unicode": "e64f",
-            "unicode_decimal": 58959
-        },
-        {
-            "icon_id": "25633717",
-            "name": "show_dot_n",
-            "font_class": "show_dot_n",
-            "unicode": "e657",
-            "unicode_decimal": 58967
-        },
-        {
-            "icon_id": "25632561",
-            "name": "share",
-            "font_class": "share1",
-            "unicode": "e656",
-            "unicode_decimal": 58966
-        },
-        {
-            "icon_id": "25631621",
-            "name": "portrait",
-            "font_class": "portrait",
-            "unicode": "e655",
-            "unicode_decimal": 58965
-        },
-        {
-            "icon_id": "25631501",
-            "name": "course",
-            "font_class": "course",
-            "unicode": "e652",
-            "unicode_decimal": 58962
-        },
-        {
-            "icon_id": "25631463",
-            "name": "self-more",
-            "font_class": "self-more",
-            "unicode": "e64b",
-            "unicode_decimal": 58955
-        },
-        {
-            "icon_id": "25631464",
-            "name": "search",
-            "font_class": "search",
-            "unicode": "e64c",
-            "unicode_decimal": 58956
-        },
-        {
-            "icon_id": "25631466",
-            "name": "pull-more",
-            "font_class": "pull-more",
-            "unicode": "e64d",
-            "unicode_decimal": 58957
-        },
-        {
-            "icon_id": "25631470",
-            "name": "switch",
-            "font_class": "switch",
-            "unicode": "e651",
-            "unicode_decimal": 58961
-        },
-        {
-            "icon_id": "25631455",
-            "name": "nav-hotspot",
-            "font_class": "nav-hotspot",
-            "unicode": "e64a",
-            "unicode_decimal": 58954
-        },
-        {
-            "icon_id": "25631400",
-            "name": "nav-measure",
-            "font_class": "nav-measure",
-            "unicode": "e649",
-            "unicode_decimal": 58953
-        },
-        {
-            "icon_id": "25631122",
-            "name": "nav-edit",
-            "font_class": "nav-edit",
-            "unicode": "e642",
-            "unicode_decimal": 58946
-        },
-        {
-            "icon_id": "25631133",
-            "name": "nav-setup",
-            "font_class": "nav-setup",
-            "unicode": "e648",
-            "unicode_decimal": 58952
-        },
-        {
-            "icon_id": "23773070",
-            "name": "close",
-            "font_class": "close",
-            "unicode": "e633",
-            "unicode_decimal": 58931
-        },
-        {
-            "icon_id": "25629542",
-            "name": "nav-browse",
-            "font_class": "nav-browse",
-            "unicode": "e63d",
-            "unicode_decimal": 58941
-        },
-        {
-            "icon_id": "25629543",
-            "name": "nav-correct",
-            "font_class": "nav-correct",
-            "unicode": "e63e",
-            "unicode_decimal": 58942
-        },
-        {
-            "icon_id": "25629544",
-            "name": "nav_data-setup",
-            "font_class": "nav_data-setup",
-            "unicode": "e63f",
-            "unicode_decimal": 58943
-        },
-        {
-            "icon_id": "25629546",
-            "name": "nav-coord",
-            "font_class": "nav-coord",
-            "unicode": "e641",
-            "unicode_decimal": 58945
-        },
-        {
-            "icon_id": "25629548",
-            "name": "nav-geography",
-            "font_class": "nav-geography",
-            "unicode": "e643",
-            "unicode_decimal": 58947
-        },
-        {
-            "icon_id": "25629549",
-            "name": "nav-space",
-            "font_class": "nav-space",
-            "unicode": "e644",
-            "unicode_decimal": 58948
-        },
-        {
-            "icon_id": "25629550",
-            "name": "nav-download",
-            "font_class": "nav-download",
-            "unicode": "e645",
-            "unicode_decimal": 58949
-        },
-        {
-            "icon_id": "25629551",
-            "name": "nav-data",
-            "font_class": "nav-data",
-            "unicode": "e646",
-            "unicode_decimal": 58950
-        },
-        {
-            "icon_id": "25629552",
-            "name": "nav-house",
-            "font_class": "nav-house",
-            "unicode": "e647",
-            "unicode_decimal": 58951
-        },
-        {
-            "icon_id": "22930372",
-            "name": "eye-s",
-            "font_class": "eye-s",
-            "unicode": "e653",
-            "unicode_decimal": 58963
-        },
-        {
-            "icon_id": "22930373",
-            "name": "eye-n",
-            "font_class": "eye-n",
-            "unicode": "e654",
-            "unicode_decimal": 58964
-        }
-    ]
-}

packages/components/basic/icon/src/icon.vue

@@ -1,7 +1,6 @@
 <template>
     <i class="iconfont ui-kankan-icon icon" :class="className" :style="style" @click="ev => emit('click', ev)">
         <slot />
-
         <p v-if="tip && os.isPc && !os.isTablet" class="tip">{{ tip }}</p>
     </i>
 </template>
@@ -43,6 +42,3 @@ const className = computed(() => {
 
 const emit = defineEmits(['click'])
 </script>
-<style>
-/* @import url('./iconfont/iconfont.css'); */
-</style>

packages/constants/aria.ts

@@ -0,0 +1,17 @@
+export const EVENT_CODE = {
+    tab: 'Tab',
+    enter: 'Enter',
+    space: 'Space',
+    left: 'ArrowLeft', // 37
+    up: 'ArrowUp', // 38
+    right: 'ArrowRight', // 39
+    down: 'ArrowDown', // 40
+    esc: 'Escape',
+    delete: 'Delete',
+    backspace: 'Backspace',
+    numpadEnter: 'NumpadEnter',
+    pageUp: 'PageUp',
+    pageDown: 'PageDown',
+    home: 'Home',
+    end: 'End',
+}

packages/constants/date.ts

@@ -0,0 +1,5 @@
+export const datePickTypes = ['year', 'month', 'date', 'dates', 'week', 'datetime', 'datetimerange', 'daterange', 'monthrange'] as const
+
+export const WEEK_DAYS = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'] as const
+
+export type DatePickType = typeof datePickTypes[number]

packages/constants/event.ts

@@ -0,0 +1,3 @@
+export const UPDATE_MODEL_EVENT = 'update:modelValue'
+export const CHANGE_EVENT = 'change'
+export const INPUT_EVENT = 'input'

packages/constants/index.ts

@@ -0,0 +1,5 @@
+export * from './aria'
+export * from './date'
+export * from './event'
+export * from './key'
+export * from './size'

packages/constants/key.ts

@@ -0,0 +1 @@
+export const INSTALLED_KEY = Symbol('INSTALLED_KEY')

packages/constants/package.json

@@ -0,0 +1,6 @@
+{
+    "name": "@kankan-components/constants",
+    "private": true,
+    "license": "MIT",
+    "main": "index.ts"
+}

packages/constants/size.ts

@@ -0,0 +1,9 @@
+export const componentSizes = ['', 'default', 'small', 'large'] as const
+
+export type ComponentSize = typeof componentSizes[number]
+
+export const componentSizeMap = {
+    large: 40,
+    default: 32,
+    small: 24,
+} as const

packages/directives/CHANGELOG.md

@@ -1,7 +0,0 @@
-# @kankan-components/utils
-
-## 1.0.0
-
-### Major Changes
-
--   初始发布

packages/directives/README.md

@@ -1,23 +0,0 @@
-# @medici/core
-> The medici track system core module
-## installation
-
-> core module provide Main SDK class, All details are revived by @medici/web module
-
-```js
-import * as Medici from '@medici/web';
-const medici = Medici.init({
-    platform: 'web',
-    appId: '7b5958d5-1ae6-4ad5-8a87-5fc8a4b92999',
-    endPoint: 'http://192.168.0.186:3000/api/collect', //服务器
-    trackEndPoint: 'http://192.168.0.186:3000/api/track',
-    config: {
-        user: 'testUser',
-        version: '1',
-    },
-});
-console.log('medici', medici);
-(window as any).medici = medici;
-
-
-```

packages/directives/package.json

@@ -1,32 +1,13 @@
 {
     "name": "@kankan-components/directives",
-    "version": "1.0.0",
-    "author": {
-        "name": "gemercheung",
-        "email": "gemercheung@gmail.com",
-        "url": "http://gemer.xyz/"
-    },
-    "files": [
-        "dist"
-    ],
-    "main": "dist/index",
-    "types": "dist/index",
-    "scripts": {
-        "build": "pnpm run clean && pnpm run compile",
-        "clean": "rimraf -rf ./dist",
-        "compile": "rollup -c",
-        "prepublishOnly": "pnpm run build"
-    },
+    "version": "0.0.1",
+    "description": "kankan-components directives",
+    "license": "MIT",
+    "main": "index.ts",
+    "module": "index.ts",
+    "unpkg": "index.js",
+    "jsdelivr": "index.js",
     "peerDependencies": {
         "vue": "^3.2.0"
-    },
-    "dependencies": {},
-    "devDependencies": {
-        "@rollup/plugin-typescript": "~8.3.4",
-        "rimraf": "~3.0.2",
-        "rollup": "~2.77.3",
-        "rollup-plugin-terser": "^7.0.2",
-        "tslib": "^2.4.0",
-        "typescript": "~4.7.4"
     }
 }

packages/directives/rollup.config.js

@@ -1,21 +0,0 @@
-import typescript from '@rollup/plugin-typescript'
-import { terser } from 'rollup-plugin-terser'
-import pkg from './package.json'
-
-export default [
-    {
-        input: 'src/index.ts',
-        external: Object.keys(pkg.dependencies),
-        plugins: [
-            typescript({
-                tsconfig: './tsconfig.build.json',
-            }),
-            terser({
-                compress: {
-                    drop_console: false,
-                },
-            }),
-        ],
-        output: [{ dir: './dist', format: 'esm', sourcemap: true }],
-    },
-]

packages/directives/tsconfig.build.json

@@ -1,9 +0,0 @@
-{
-  "extends": "../../tsconfig.build.json",
-
-  "compilerOptions": {
-    "outDir": "./dist"
-  },
-
-  "include": ["src/**/*"]
-}

packages/directives/tsconfig.json

@@ -1,3 +0,0 @@
-{
-  "extends": "../../tsconfig.json"
-}

packages/hooks/use-common-props/index.ts

@@ -1,31 +0,0 @@
-import { computed, inject, ref, unref } from 'vue'
-import { formContextKey, formItemContextKey } from '@element-plus/tokens'
-import { buildProp } from '@kankan-components/utils'
-// import { componentSizes } from '@kankan-components/constants'
-import { useProp } from '../use-prop'
-import { useGlobalConfig } from '../use-global-config'
-import type { ComponentSize } from '@element-plus/constants'
-import type { MaybeRef } from '@vueuse/core'
-
-export const useSizeProp = buildProp({
-    type: String,
-    values: componentSizes,
-    required: false,
-} as const)
-
-export const useSize = (fallback?: MaybeRef<ComponentSize | undefined>, ignore: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>> = {}) => {
-    const emptyRef = ref(undefined)
-
-    const size = ignore.prop ? emptyRef : useProp<ComponentSize>('size')
-    const globalConfig = ignore.global ? emptyRef : useGlobalConfig('size')
-    const form = ignore.form ? { size: undefined } : inject(formContextKey, undefined)
-    const formItem = ignore.formItem ? { size: undefined } : inject(formItemContextKey, undefined)
-
-    return computed((): ComponentSize => size.value || unref(fallback) || formItem?.size || form?.size || globalConfig.value || '')
-}
-
-export const useDisabled = (fallback?: MaybeRef<boolean | undefined>) => {
-    const disabled = useProp<boolean>('disabled')
-    const form = inject(formContextKey, undefined)
-    return computed(() => disabled.value || unref(fallback) || form?.disabled || false)
-}

packages/theme-chalk/src/tags.scss

@@ -0,0 +1,75 @@
+[xui_tags_view] {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    > div {
+        pointer-events: all;
+        display: none;
+        position: absolute;
+        width: 48px;
+        height: 48px;
+        margin-left: -24px;
+        margin-top: -24px;
+        z-index: 1;
+    }
+    > div.focus {
+        z-index: 2;
+    }
+    > div.fixed {
+        z-index: 3;
+    }
+    > div.active {
+        z-index: 4;
+    }
+    .tag-icon {
+        display: block;
+        width: 48px;
+        height: 48px;
+        background-size: cover;
+        cursor: pointer;
+    }
+    .tag-icon.animate {
+        animation: tag-animate-zoom 3s -1s linear infinite;
+    }
+    .content .trans {
+        padding: 0 40px 0 0;
+        position: absolute;
+        right: 35px;
+        top: 50%;
+        min-width: 420px;
+        min-height: 60px;
+        z-index: 1000;
+        transform: translateY(-50%) scale(0);
+        transform-origin: center right;
+        transition: all 0.3s cubic-bezier(0.35, 0.32, 0.65, 0.63);
+        pointer-events: none;
+        /* background-color: rgba(0, 0, 0, 0.8); */
+    }
+    .content .trans .arrow {
+        pointer-events: auto;
+        content: '';
+        position: absolute;
+        top: 50%;
+        right: 0;
+        width: 0;
+        height: 0;
+        border-top: 15px solid transparent;
+        border-bottom: 15px solid transparent;
+        border-left: 40px solid rgba(27, 27, 28, 0.8);
+        transform: translateY(-50%);
+    }
+    .content .trans.active {
+        transform: translateY(-50%) scale(1);
+    }
+}
+@keyframes tag-animate-zoom {
+    0% {
+        transform: scale(1);
+    }
+    50% {
+        transform: scale(0.7);
+    }
+    100% {
+        transform: scale(1);
+    }
+}

packages/tokens/config-provider.ts

@@ -1,4 +1,4 @@
-import type { ConfigProviderProps } from '@kankan-components/components'
+import type { ConfigProviderProps } from '@kankan-components/components/basic/config-provider'
 import type { InjectionKey, Ref } from 'vue'
 
 export type ConfigProviderContext = Partial<ConfigProviderProps>