vft 0.0.63 → 0.0.66

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/attributes.json +1 -1
  2. package/dist/index.css +1 -1
  3. package/es/component.js +24 -22
  4. package/es/components/back-top/back-top.vue2.js +3 -2
  5. package/es/components/context-menu/context-menu.vue2.js +3 -2
  6. package/es/components/date-time-select/date-time-select.vue.d.ts +38 -0
  7. package/es/components/date-time-select/date-time-select.vue.js +4 -0
  8. package/es/components/date-time-select/date-time-select.vue2.js +130 -0
  9. package/es/components/date-time-select/index.d.ts +30 -0
  10. package/es/components/date-time-select/index.js +12 -0
  11. package/es/components/date-time-select/style/css.d.ts +0 -0
  12. package/es/components/date-time-select/style/css.js +5 -0
  13. package/es/components/date-time-select/style/index.d.ts +0 -0
  14. package/es/components/date-time-select/style/index.js +5 -0
  15. package/es/components/date-time-select/types.d.ts +10 -0
  16. package/es/components/date-time-select/types.js +1 -0
  17. package/es/components/dropdown/dropdown.vue.d.ts +4 -4
  18. package/es/components/dropdown/index.d.ts +4 -4
  19. package/es/components/index.d.ts +1 -0
  20. package/es/components/index.js +98 -96
  21. package/es/components/md-container/md-container.vue2.js +3 -2
  22. package/es/components/menu/menu-item.vue2.js +3 -2
  23. package/es/components/menu/sub-menu.vue2.js +3 -2
  24. package/es/components/multiple-tabs/multiple-tabs.vue2.js +3 -2
  25. package/es/components/result/result.vue2.js +3 -2
  26. package/es/components/search/search.vue2.js +3 -2
  27. package/es/components/select-v2/index.d.ts +8 -8
  28. package/es/components/select-v2/select.vue.d.ts +4 -4
  29. package/es/components/select-v2/useSelect.d.ts +3 -3
  30. package/es/components/side-menu/index.d.ts +4 -3
  31. package/es/components/side-menu/side-menu.vue.d.ts +4 -3
  32. package/es/components/side-menu/side-menu.vue2.js +95 -96
  33. package/es/components/side-menu/use-drag-line.js +28 -32
  34. package/es/components/tabs/tab-nav.vue2.js +3 -2
  35. package/es/components/time-select-extend/style/css.d.ts +0 -0
  36. package/es/components/time-select-extend/style/css.js +2 -0
  37. package/es/components/time-select-extend/style/index.d.ts +0 -0
  38. package/es/components/time-select-extend/style/index.js +2 -0
  39. package/es/components/tooltip/content.vue.d.ts +2 -2
  40. package/es/components/tooltip/index.d.ts +2 -2
  41. package/es/components/tooltip/tooltip.vue.d.ts +3 -3
  42. package/es/index.js +224 -222
  43. package/es/package.json.js +1 -1
  44. package/lib/component.cjs +1 -1
  45. package/lib/components/back-top/back-top.vue2.cjs +1 -1
  46. package/lib/components/context-menu/context-menu.vue2.cjs +1 -1
  47. package/lib/components/date-time-select/date-time-select.vue.cjs +1 -0
  48. package/lib/components/date-time-select/date-time-select.vue.d.ts +38 -0
  49. package/lib/components/date-time-select/date-time-select.vue2.cjs +1 -0
  50. package/lib/components/date-time-select/index.cjs +1 -0
  51. package/lib/components/date-time-select/index.d.ts +30 -0
  52. package/lib/components/date-time-select/style/css.cjs +1 -0
  53. package/lib/components/date-time-select/style/css.d.ts +0 -0
  54. package/lib/components/date-time-select/style/index.cjs +1 -0
  55. package/lib/components/date-time-select/style/index.d.ts +0 -0
  56. package/lib/components/date-time-select/types.cjs +1 -0
  57. package/lib/components/date-time-select/types.d.ts +10 -0
  58. package/lib/components/dropdown/dropdown.vue.d.ts +4 -4
  59. package/lib/components/dropdown/index.d.ts +4 -4
  60. package/lib/components/index.cjs +1 -1
  61. package/lib/components/index.d.ts +1 -0
  62. package/lib/components/md-container/md-container.vue2.cjs +1 -1
  63. package/lib/components/menu/menu-item.vue2.cjs +1 -1
  64. package/lib/components/menu/sub-menu.vue2.cjs +1 -1
  65. package/lib/components/multiple-tabs/multiple-tabs.vue2.cjs +1 -1
  66. package/lib/components/result/result.vue2.cjs +1 -1
  67. package/lib/components/search/search.vue2.cjs +1 -1
  68. package/lib/components/select-v2/index.d.ts +8 -8
  69. package/lib/components/select-v2/select.vue.d.ts +4 -4
  70. package/lib/components/select-v2/useSelect.d.ts +3 -3
  71. package/lib/components/side-menu/index.d.ts +4 -3
  72. package/lib/components/side-menu/side-menu.vue.d.ts +4 -3
  73. package/lib/components/side-menu/side-menu.vue2.cjs +1 -1
  74. package/lib/components/side-menu/use-drag-line.cjs +1 -1
  75. package/lib/components/tabs/tab-nav.vue2.cjs +1 -1
  76. package/lib/components/time-select-extend/style/css.cjs +1 -0
  77. package/lib/components/time-select-extend/style/css.d.ts +0 -0
  78. package/lib/components/time-select-extend/style/index.cjs +1 -0
  79. package/lib/components/time-select-extend/style/index.d.ts +0 -0
  80. package/lib/components/tooltip/content.vue.d.ts +2 -2
  81. package/lib/components/tooltip/index.d.ts +2 -2
  82. package/lib/components/tooltip/tooltip.vue.d.ts +3 -3
  83. package/lib/index.cjs +1 -1
  84. package/lib/package.json.cjs +1 -1
  85. package/package.json +2 -2
  86. package/tags.json +1 -1
  87. package/theme-style/base.css +1 -1
  88. package/theme-style/dark/css-vars.css +1 -1
  89. package/theme-style/index.css +1 -1
  90. package/theme-style/src/common/var.scss +1 -3
  91. package/theme-style/src/dark/css-vars.scss +1 -0
  92. package/theme-style/src/date-time-select.scss +81 -0
  93. package/theme-style/src/index.scss +1 -0
  94. package/theme-style/src/side-menu.scss +0 -1
  95. package/theme-style/src/var.scss +1 -0
  96. package/theme-style/vft-date-time-select.css +1 -0
  97. package/theme-style/vft-icon.css +1 -1
  98. package/theme-style/vft-side-menu.css +1 -1
  99. package/theme-style/vft-var.css +1 -1
  100. package/web-types.json +1 -1
@@ -579,8 +579,6 @@ $side-menu: () !default;
579
579
  $side-menu: map-merge(
580
580
  (
581
581
  "border": getCssVar("menu-border-right"),
582
- "width": 200px,
583
- "collapse-width": 200px,
584
582
  "scroll-mr": 0,
585
583
  ),
586
584
  $side-menu
@@ -597,7 +595,7 @@ $iframe-page: map-merge(
597
595
  $icon: () !default;
598
596
  $icon: map-merge(
599
597
  (
600
- "text-color": black,
598
+ "text-color": inherit,
601
599
  ),
602
600
  $icon
603
601
  );
@@ -26,6 +26,7 @@ html.dark {
26
26
  // Fill --el-fill-color-#{$type}
27
27
  @include set-component-css-var('fill-color', $fill-color);
28
28
  @include set-component-css-var('mask-color', $mask-color);
29
+ @include set-css-var-value('reverse-color', '#fff');
29
30
  }
30
31
 
31
32
  @include dark(button) {
@@ -0,0 +1,81 @@
1
+ @use 'common/var' as *;
2
+ @use 'mixins/mixins' as *;
3
+
4
+ $name: date-time-select;
5
+
6
+ @function getCompCssVar($value) {
7
+ @return getCssVar($name, $value);
8
+ }
9
+
10
+ @include b($name) {
11
+ display: inline-block;
12
+ cursor: pointer;
13
+ @include e(content) {
14
+ display: flex;
15
+ }
16
+
17
+ @include m(item) {
18
+ display: flex;
19
+ flex-direction: column;
20
+ margin-right: 20px;
21
+ }
22
+
23
+ @include m(date-item) {
24
+ display: inline-flex;
25
+ flex-direction: column;
26
+ color: getCssVar('primary-color');
27
+ margin-bottom: 10px;
28
+ width: fit-content;
29
+ }
30
+
31
+ @include e(trigger) {
32
+ display: inline-flex;
33
+ align-items: center;
34
+ justify-content: space-between;
35
+ padding: 1px 11px;
36
+ background-color: white;
37
+ border-radius: 5px;
38
+ height: 40px;
39
+ min-width: 200px;
40
+ transition: getCssVar('transition-all');
41
+ box-shadow: 0 0 0 1px getCssVar('border-color') inset !important;
42
+ font-size: 15px;
43
+
44
+ &:hover,
45
+ &:focus {
46
+ box-shadow: 0 0 0 1px getCssVar('primary-color') inset !important;
47
+ }
48
+
49
+ .placeholder {
50
+ color: getCssVar('text-placeholder-color');
51
+ }
52
+
53
+ .text {
54
+ color: getCssVar('text-primary-color');
55
+ }
56
+
57
+ i {
58
+ margin-left: 5px;
59
+ transition: getCssVar('transition-all');
60
+ color: getCssVar('text-placeholder-color');
61
+ }
62
+ }
63
+
64
+ @include e(delete) {
65
+ transition: getCssVar('transition-all');
66
+ display: flex;
67
+ justify-content: center;
68
+ align-items: center;
69
+ height: 20px;
70
+ width: 20px;
71
+ border-radius: 50%;
72
+
73
+ &:hover {
74
+ background-color: #dfdfdf;
75
+ }
76
+ }
77
+
78
+ .#{$namespace}-popper {
79
+ padding: 20px;
80
+ }
81
+ }
@@ -69,6 +69,7 @@
69
69
  @use './dialog.scss';
70
70
  @use './alert.scss';
71
71
  @use './list-cell.scss';
72
+ @use './date-time-select';
72
73
  // md comp
73
74
  @use './md-comment.scss';
74
75
  @use './md-tabs.scss';
@@ -12,7 +12,6 @@ $name: side-menu;
12
12
  @include set-component-css-var($name, $side-menu);
13
13
 
14
14
  transition: width 0.2s;
15
- width: getCompCssVar('width');
16
15
  display: flex;
17
16
  flex-direction: column;
18
17
  border-right: getCssVar('menu-border-right');
@@ -8,6 +8,7 @@
8
8
  // set white and black css vars
9
9
  @include set-css-var-value('color-white', $color-white);
10
10
  @include set-css-var-value('color-black', $color-black);
11
+ @include set-css-var-value('reverse-color', $color-black);
11
12
 
12
13
  // Typography
13
14
  @include set-component-css-var('font-size', $font-size);
@@ -0,0 +1 @@
1
+ .vft-date-time-select{display:inline-block;cursor:pointer}.vft-date-time-select__content{display:flex}.vft-date-time-select--item{display:flex;flex-direction:column;margin-right:20px}.vft-date-time-select--date-item{display:inline-flex;flex-direction:column;color:var(--vft-primary-color);margin-bottom:10px;width:-moz-fit-content;width:fit-content}.vft-date-time-select__trigger{display:inline-flex;align-items:center;justify-content:space-between;padding:1px 11px;background-color:#fff;border-radius:5px;height:40px;min-width:200px;transition:var(--vft-transition-all);box-shadow:0 0 0 1px var(--vft-border-color) inset!important;font-size:15px}.vft-date-time-select__trigger:focus,.vft-date-time-select__trigger:hover{box-shadow:0 0 0 1px var(--vft-primary-color) inset!important}.vft-date-time-select__trigger .placeholder{color:var(--vft-text-placeholder-color)}.vft-date-time-select__trigger .text{color:var(--vft-text-primary-color)}.vft-date-time-select__trigger i{margin-left:5px;transition:var(--vft-transition-all);color:var(--vft-text-placeholder-color)}.vft-date-time-select__delete{transition:var(--vft-transition-all);display:flex;justify-content:center;align-items:center;height:20px;width:20px;border-radius:50%}.vft-date-time-select__delete:hover{background-color:#dfdfdf}.vft-date-time-select .vft-popper{padding:20px}
@@ -1 +1 @@
1
- :root{--vft-icon-text-color:black}.vft-icon{position:relative;display:inline-block;font:normal normal normal 14px/1 iconfont;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;transition:all .2s ease;color:var(--vft-icon-text-color)}.vft-icon::before{display:inline-block}.vft-icon__image{display:inline-block;width:1em;height:1em;-o-object-fit:contain;object-fit:contain}
1
+ :root{--vft-icon-text-color:inherit}.vft-icon{position:relative;display:inline-block;font:normal normal normal 14px/1 iconfont;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;transition:all .2s ease;color:var(--vft-icon-text-color)}.vft-icon::before{display:inline-block}.vft-icon__image{display:inline-block;width:1em;height:1em;-o-object-fit:contain;object-fit:contain}
@@ -1 +1 @@
1
- .vft-side-menu{--vft-side-menu-border:var(--vft-menu-border-right);--vft-side-menu-width:200px;--vft-side-menu-collapse-width:200px;--vft-side-menu-scroll-mr:0;transition:width .2s;width:var(--vft-side-menu-width);display:flex;flex-direction:column;border-right:var(--vft-menu-border-right)}.vft-side-menu--fixed{position:fixed;left:0;z-index:1}.vft-side-menu__top{border-bottom:var(--vft-side-menu-border);z-index:1}.vft-side-menu__bottom{border-top:var(--vft-side-menu-border);position:absolute;bottom:0;width:100%}.vft-side-menu__collapse{cursor:pointer;height:40px;padding:0 16px;display:flex;align-items:center;border-right:none;z-index:999;background-color:var(--vft-menu-bg-color)}.vft-side-menu__collapse .vft-icon{position:absolute;right:20px}.vft-side-menu__con{overflow-y:auto;overflow-y:overlay;overflow-x:hidden}.vft-side-menu .vft-menu{border:none}.vft-side-menu__drag-bar{position:absolute;top:0;z-index:999;right:-1px;width:2px;height:100%;border-top:none;border-bottom:none;cursor:col-resize}.vft-side-menu__drag-bar:hover{background-color:var(--vft-primary-color);box-shadow:var(--vft-box-shadow)}.vft-side-menu__popper{margin-right:var(--vft-side-menu-scroll-mr)}.vft-side-menu__popper .vft-menu--popup{overflow-y:auto;overflow-y:overlay;box-shadow:none;max-height:calc(100vh - 200px)}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar{z-index:11;width:6px}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar:horizontal{height:6px}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#c0c4cc;border:0 solid transparent}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-thumb:hover{background:#c0c4cc}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-corner{background:0 0}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-track{background:0 0}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-track-piece{background:0 0;width:6px}
1
+ .vft-side-menu{--vft-side-menu-border:var(--vft-menu-border-right);--vft-side-menu-scroll-mr:0;transition:width .2s;display:flex;flex-direction:column;border-right:var(--vft-menu-border-right)}.vft-side-menu--fixed{position:fixed;left:0;z-index:1}.vft-side-menu__top{border-bottom:var(--vft-side-menu-border);z-index:1}.vft-side-menu__bottom{border-top:var(--vft-side-menu-border);position:absolute;bottom:0;width:100%}.vft-side-menu__collapse{cursor:pointer;height:40px;padding:0 16px;display:flex;align-items:center;border-right:none;z-index:999;background-color:var(--vft-menu-bg-color)}.vft-side-menu__collapse .vft-icon{position:absolute;right:20px}.vft-side-menu__con{overflow-y:auto;overflow-y:overlay;overflow-x:hidden}.vft-side-menu .vft-menu{border:none}.vft-side-menu__drag-bar{position:absolute;top:0;z-index:999;right:-1px;width:2px;height:100%;border-top:none;border-bottom:none;cursor:col-resize}.vft-side-menu__drag-bar:hover{background-color:var(--vft-primary-color);box-shadow:var(--vft-box-shadow)}.vft-side-menu__popper{margin-right:var(--vft-side-menu-scroll-mr)}.vft-side-menu__popper .vft-menu--popup{overflow-y:auto;overflow-y:overlay;box-shadow:none;max-height:calc(100vh - 200px)}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar{z-index:11;width:6px}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar:horizontal{height:6px}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#c0c4cc;border:0 solid transparent}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-thumb:hover{background:#c0c4cc}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-corner{background:0 0}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-track{background:0 0}.vft-side-menu__popper .vft-menu--popup::-webkit-scrollbar-track-piece{background:0 0;width:6px}
@@ -1 +1 @@
1
- @charset "UTF-8";:root{--vft-color-white:#fff;--vft-color-black:#000;--vft-font-size-extra-large:20px;--vft-font-size-large:18px;--vft-font-size-medium:16px;--vft-font-size-base:14px;--vft-font-size-small:13px;--vft-font-size-extra-small:12px;--vft-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--vft-font-weight-primary:500;--vft-font-line-height-primary:24px;--vft-index-normal:1;--vft-index-top:1000;--vft-index-popper:2000;--vft-border-radius-base:4px;--vft-border-radius-small:2px;--vft-border-radius-round:20px;--vft-border-radius-circle:100%;--vft-transition-duration:0.3s;--vft-transition-duration-fast:0.2s;--vft-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vft-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vft-transition-all:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-fade:opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-md-fade:transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier),opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-fade-linear:opacity var(--vft-transition-duration-fast) linear;--vft-transition-border:border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-box-shadow:box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-color:color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier)}:root{color-scheme:light;--vft-primary-color:#2196f3;--vft-primary-color-light-3:#64b6f7;--vft-primary-color-light-5:#90cbf9;--vft-primary-color-light-7:#bce0fb;--vft-primary-color-light-8:#d3eafd;--vft-primary-color-light-9:#e9f5fe;--vft-primary-color-dark-2:#1a78c2;--vft-success-color:#3eaf7c;--vft-success-color-light-3:#78c7a3;--vft-success-color-light-5:#9fd7be;--vft-success-color-light-7:#c5e7d8;--vft-success-color-light-8:#d8efe5;--vft-success-color-light-9:#ecf7f2;--vft-success-color-dark-2:#328c63;--vft-warning-color:#fb9b5f;--vft-warning-color-light-3:#fcb98f;--vft-warning-color-light-5:#fdcdaf;--vft-warning-color-light-7:#fee1cf;--vft-warning-color-light-8:#feebdf;--vft-warning-color-light-9:#fff5ef;--vft-warning-color-dark-2:#c97c4c;--vft-danger-color:#f26d6d;--vft-danger-color-light-3:#f69999;--vft-danger-color-light-5:#f9b6b6;--vft-danger-color-light-7:#fbd3d3;--vft-danger-color-light-8:#fce2e2;--vft-danger-color-light-9:#fef0f0;--vft-danger-color-dark-2:#c25757;--vft-error-color:#f26d6d;--vft-error-color-light-3:#f69999;--vft-error-color-light-5:#f9b6b6;--vft-error-color-light-7:#fbd3d3;--vft-error-color-light-8:#fce2e2;--vft-error-color-light-9:#fef0f0;--vft-error-color-dark-2:#c25757;--vft-info-color:#909399;--vft-info-color-light-3:#b1b3b8;--vft-info-color-light-5:#c8c9cc;--vft-info-color-light-7:#dedfe0;--vft-info-color-light-8:#e9e9eb;--vft-info-color-light-9:#f4f4f5;--vft-info-color-dark-2:#73767a;--vft-bg-color:#fff;--vft-bg-color-page:#f2f3f5;--vft-bg-color-overlay:#fff;--vft-text-primary-color:#303133;--vft-text-regular-color:#606266;--vft-text-secondary-color:#909399;--vft-text-placeholder-color:#a8abb2;--vft-text-disabled-color:#c0c4cc;--vft-border-color:#dcdfe6;--vft-border-color-light:#e4e7ed;--vft-border-color-lighter:#ebeef5;--vft-border-color-extra-light:#f2f6fc;--vft-border-color-dark:#d4d7de;--vft-border-color-darker:#cdd0d6;--vft-fill-color:#f0f2f5;--vft-fill-color-light:#f5f7fa;--vft-fill-color-lighter:#fafafa;--vft-fill-color-extra-light:#fafcff;--vft-fill-color-dark:#ebedf0;--vft-fill-color-darker:#e6e8eb;--vft-fill-color-blank:#fff;--vft-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, 0.04),0px 8px 20px rgba(0, 0, 0, 0.08);--vft-box-shadow-light:0px 0px 12px rgba(0, 0, 0, 0.12);--vft-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, 0.12);--vft-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, 0.08),0px 12px 32px rgba(0, 0, 0, 0.12),0px 8px 16px -8px rgba(0, 0, 0, 0.16);--vft-disabled-bg-color:var(--vft-fill-color-light);--vft-disabled-text-color:var(--vft-text-color-placeholder);--vft-disabled-border-color:var(--vft-border-color-light);--vft-overlay-color:rgba(0, 0, 0, 0.8);--vft-overlay-color-light:rgba(0, 0, 0, 0.7);--vft-overlay-color-lighter:rgba(0, 0, 0, 0.5);--vft-mask-color:rgba(255, 255, 255, 0.9);--vft-mask-color-extra-light:rgba(255, 255, 255, 0.3);--vft-border-width:1px;--vft-border-style:solid;--vft-border-color-hover:var(--vft-text-disabled-color);--vft-border:var(--vft-border-width) var(--vft-border-style) var(--vft-border-color);--vft-svg-monochrome-grey:var(--vft-border-color)}
1
+ @charset "UTF-8";:root{--vft-color-white:#fff;--vft-color-black:#000;--vft-reverse-color:#000;--vft-font-size-extra-large:20px;--vft-font-size-large:18px;--vft-font-size-medium:16px;--vft-font-size-base:14px;--vft-font-size-small:13px;--vft-font-size-extra-small:12px;--vft-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑',Arial,sans-serif;--vft-font-weight-primary:500;--vft-font-line-height-primary:24px;--vft-index-normal:1;--vft-index-top:1000;--vft-index-popper:2000;--vft-border-radius-base:4px;--vft-border-radius-small:2px;--vft-border-radius-round:20px;--vft-border-radius-circle:100%;--vft-transition-duration:0.3s;--vft-transition-duration-fast:0.2s;--vft-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vft-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vft-transition-all:all var(--vft-transition-duration) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-fade:opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-md-fade:transform var(--vft-transition-duration) var(--vft-transition-function-fast-bezier),opacity var(--vft-transition-duration) var(--vft-transition-function-fast-bezier);--vft-transition-fade-linear:opacity var(--vft-transition-duration-fast) linear;--vft-transition-border:border-color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-box-shadow:box-shadow var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier);--vft-transition-color:color var(--vft-transition-duration-fast) var(--vft-transition-function-ease-in-out-bezier)}:root{color-scheme:light;--vft-primary-color:#2196f3;--vft-primary-color-light-3:#64b6f7;--vft-primary-color-light-5:#90cbf9;--vft-primary-color-light-7:#bce0fb;--vft-primary-color-light-8:#d3eafd;--vft-primary-color-light-9:#e9f5fe;--vft-primary-color-dark-2:#1a78c2;--vft-success-color:#3eaf7c;--vft-success-color-light-3:#78c7a3;--vft-success-color-light-5:#9fd7be;--vft-success-color-light-7:#c5e7d8;--vft-success-color-light-8:#d8efe5;--vft-success-color-light-9:#ecf7f2;--vft-success-color-dark-2:#328c63;--vft-warning-color:#fb9b5f;--vft-warning-color-light-3:#fcb98f;--vft-warning-color-light-5:#fdcdaf;--vft-warning-color-light-7:#fee1cf;--vft-warning-color-light-8:#feebdf;--vft-warning-color-light-9:#fff5ef;--vft-warning-color-dark-2:#c97c4c;--vft-danger-color:#f26d6d;--vft-danger-color-light-3:#f69999;--vft-danger-color-light-5:#f9b6b6;--vft-danger-color-light-7:#fbd3d3;--vft-danger-color-light-8:#fce2e2;--vft-danger-color-light-9:#fef0f0;--vft-danger-color-dark-2:#c25757;--vft-error-color:#f26d6d;--vft-error-color-light-3:#f69999;--vft-error-color-light-5:#f9b6b6;--vft-error-color-light-7:#fbd3d3;--vft-error-color-light-8:#fce2e2;--vft-error-color-light-9:#fef0f0;--vft-error-color-dark-2:#c25757;--vft-info-color:#909399;--vft-info-color-light-3:#b1b3b8;--vft-info-color-light-5:#c8c9cc;--vft-info-color-light-7:#dedfe0;--vft-info-color-light-8:#e9e9eb;--vft-info-color-light-9:#f4f4f5;--vft-info-color-dark-2:#73767a;--vft-bg-color:#fff;--vft-bg-color-page:#f2f3f5;--vft-bg-color-overlay:#fff;--vft-text-primary-color:#303133;--vft-text-regular-color:#606266;--vft-text-secondary-color:#909399;--vft-text-placeholder-color:#a8abb2;--vft-text-disabled-color:#c0c4cc;--vft-border-color:#dcdfe6;--vft-border-color-light:#e4e7ed;--vft-border-color-lighter:#ebeef5;--vft-border-color-extra-light:#f2f6fc;--vft-border-color-dark:#d4d7de;--vft-border-color-darker:#cdd0d6;--vft-fill-color:#f0f2f5;--vft-fill-color-light:#f5f7fa;--vft-fill-color-lighter:#fafafa;--vft-fill-color-extra-light:#fafcff;--vft-fill-color-dark:#ebedf0;--vft-fill-color-darker:#e6e8eb;--vft-fill-color-blank:#fff;--vft-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, 0.04),0px 8px 20px rgba(0, 0, 0, 0.08);--vft-box-shadow-light:0px 0px 12px rgba(0, 0, 0, 0.12);--vft-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, 0.12);--vft-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, 0.08),0px 12px 32px rgba(0, 0, 0, 0.12),0px 8px 16px -8px rgba(0, 0, 0, 0.16);--vft-disabled-bg-color:var(--vft-fill-color-light);--vft-disabled-text-color:var(--vft-text-color-placeholder);--vft-disabled-border-color:var(--vft-border-color-light);--vft-overlay-color:rgba(0, 0, 0, 0.8);--vft-overlay-color-light:rgba(0, 0, 0, 0.7);--vft-overlay-color-lighter:rgba(0, 0, 0, 0.5);--vft-mask-color:rgba(255, 255, 255, 0.9);--vft-mask-color-extra-light:rgba(255, 255, 255, 0.3);--vft-border-width:1px;--vft-border-style:solid;--vft-border-color-hover:var(--vft-text-disabled-color);--vft-border:var(--vft-border-width) var(--vft-border-style) var(--vft-border-color);--vft-svg-monochrome-grey:var(--vft-border-color)}
package/web-types.json CHANGED
@@ -1 +1 @@
1
- {"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.63","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{"vue-components":[{"name":"vft-button","source":{"symbol":"VftButton"},"description":"常用的操作按钮。","doc-url":"https://wflynn.cn/pages/button#button","props":[{"name":"size","description":"尺寸","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":[{"name":"large default small","source":{"symbol":"large default small"}}]},{"name":"type","description":"类型","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["'primary' | 'success' | 'warning' | 'danger' | 'info'"]},{"name":"plain","description":"是否为朴素按钮","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"text","description":"是否为文字按钮","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"bg","description":"是否显示文字按钮背景颜色","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"link<VersionTag version=\"2.2.1\" />","description":"是否为链接按钮","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"round","description":"是否为圆角按钮","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"circle","description":"是否为圆形按钮","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"loading","description":"是否为加载中状态","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"loading-icon","description":"自定义加载中状态图标组件","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":[{"name":"string` `Component","source":{"symbol":"string` `Component"}}],"default":"Loading"},{"name":"disabled","description":"按钮是否为禁用状态","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"icon","description":"图标组件","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":[{"name":"string` `Component","source":{"symbol":"string` `Component"}}]},{"name":"autofocus","description":"原生`autofocus` 属性","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"native-type","description":"原生 type 属性","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":[{"name":"button` `submit` `reset","source":{"symbol":"button` `submit` `reset"}}],"default":"button"},{"name":"auto-insert-space","description":"自动在两个中文字符之间插入空格","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"]},{"name":"color","description":"自定义按钮颜色, 并自动计算`hover` 和 `active` 触发后的颜色","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["string"]},{"name":"dark","description":"dark 模式, 意味着自动设置`color` 为 dark 模式的颜色","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"}],"slots":[{"name":"default","description":"自定义默认内容","doc-url":"https://wflynn.cn/pages/button#button-slots"},{"name":"loading","description":"自定义加载中组件","doc-url":"https://wflynn.cn/pages/button#button-slots"},{"name":"icon","description":"自定义图标组件","doc-url":"https://wflynn.cn/pages/button#button-slots"}]},{"name":"vft-button-group","source":{"symbol":"VftButtonGroup"},"doc-url":"https://wflynn.cn/pages/button#buttongroup","slots":[{"name":"default","description":"自定义按钮组内容","doc-url":"https://wflynn.cn/pages/button#buttongroup-slots"}]},{"name":"vft-list-cell","source":{"symbol":"VftListCell"},"description":"菜单列表","doc-url":"https://wflynn.cn/pages/list-cell#listcell","props":[{"name":"list","description":"文本 _*_","doc-url":"https://wflynn.cn/pages/list-cell#listcell-attributes","type":["Array<{ leftIcon?: string | IconProps;rightIcon?: string | IconProps;text: string;rightContent?: any;[key: string]: any }>"],"default":"[]"},{"name":"cellHeight","description":"单元格高度","doc-url":"https://wflynn.cn/pages/list-cell#listcell-attributes","type":["string","number"],"default":"50"},{"name":"leftTextDistance","description":"左侧图标文字间距","doc-url":"https://wflynn.cn/pages/list-cell#listcell-attributes","type":["string","number"],"default":"8"},{"name":"activeIndex","description":"默认激活的列表项","doc-url":"https://wflynn.cn/pages/list-cell#listcell-attributes","type":["number"]}],"js":{"events":[{"name":"item-click","description":"菜单项点击","doc-url":"https://wflynn.cn/pages/list-cell#listcell-events"}]}},{"name":"vft-icon-text","source":{"symbol":"VftIconText"},"description":"文字与图标组合","doc-url":"https://wflynn.cn/pages/icon-text#icontext","props":[{"name":"text","description":"文本 _\\*_","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["string"]},{"name":"icon","description":"图标 _\\*_","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":[{"name":"IconProps","source":{"symbol":"IconProps"}},"string"]},{"name":"color","description":"颜色","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["string"]},{"name":"hoverColor","description":"滑入颜色","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["string"]},{"name":"distance","description":"图标与文字之间距离","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["string","number"]},{"name":"reverse","description":"图标与文字位置翻转","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["boolean"],"default":"false"},{"name":"size","description":"大小","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["string","number"]},{"name":"direction","description":"文字图标排列方向","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["'col' | 'row'"]}]}]}}}
1
+ {"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.66","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{"vue-components":[{"name":"vft-button","source":{"symbol":"VftButton"},"description":"常用的操作按钮。","doc-url":"https://wflynn.cn/pages/button#button","props":[{"name":"size","description":"尺寸","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":[{"name":"large default small","source":{"symbol":"large default small"}}]},{"name":"type","description":"类型","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["'primary' | 'success' | 'warning' | 'danger' | 'info'"]},{"name":"plain","description":"是否为朴素按钮","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"text","description":"是否为文字按钮","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"bg","description":"是否显示文字按钮背景颜色","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"link<VersionTag version=\"2.2.1\" />","description":"是否为链接按钮","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"round","description":"是否为圆角按钮","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"circle","description":"是否为圆形按钮","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"loading","description":"是否为加载中状态","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"loading-icon","description":"自定义加载中状态图标组件","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":[{"name":"string` `Component","source":{"symbol":"string` `Component"}}],"default":"Loading"},{"name":"disabled","description":"按钮是否为禁用状态","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"icon","description":"图标组件","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":[{"name":"string` `Component","source":{"symbol":"string` `Component"}}]},{"name":"autofocus","description":"原生`autofocus` 属性","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"},{"name":"native-type","description":"原生 type 属性","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":[{"name":"button` `submit` `reset","source":{"symbol":"button` `submit` `reset"}}],"default":"button"},{"name":"auto-insert-space","description":"自动在两个中文字符之间插入空格","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"]},{"name":"color","description":"自定义按钮颜色, 并自动计算`hover` 和 `active` 触发后的颜色","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["string"]},{"name":"dark","description":"dark 模式, 意味着自动设置`color` 为 dark 模式的颜色","doc-url":"https://wflynn.cn/pages/button#button-attributes","type":["boolean"],"default":"false"}],"slots":[{"name":"default","description":"自定义默认内容","doc-url":"https://wflynn.cn/pages/button#button-slots"},{"name":"loading","description":"自定义加载中组件","doc-url":"https://wflynn.cn/pages/button#button-slots"},{"name":"icon","description":"自定义图标组件","doc-url":"https://wflynn.cn/pages/button#button-slots"}]},{"name":"vft-button-group","source":{"symbol":"VftButtonGroup"},"doc-url":"https://wflynn.cn/pages/button#buttongroup","slots":[{"name":"default","description":"自定义按钮组内容","doc-url":"https://wflynn.cn/pages/button#buttongroup-slots"}]},{"name":"vft-list-cell","source":{"symbol":"VftListCell"},"description":"菜单列表","doc-url":"https://wflynn.cn/pages/list-cell#listcell","props":[{"name":"list","description":"文本 _*_","doc-url":"https://wflynn.cn/pages/list-cell#listcell-attributes","type":["Array<{ leftIcon?: string | IconProps;rightIcon?: string | IconProps;text: string;rightContent?: any;[key: string]: any }>"],"default":"[]"},{"name":"cellHeight","description":"单元格高度","doc-url":"https://wflynn.cn/pages/list-cell#listcell-attributes","type":["string","number"],"default":"50"},{"name":"leftTextDistance","description":"左侧图标文字间距","doc-url":"https://wflynn.cn/pages/list-cell#listcell-attributes","type":["string","number"],"default":"8"},{"name":"activeIndex","description":"默认激活的列表项","doc-url":"https://wflynn.cn/pages/list-cell#listcell-attributes","type":["number"]}],"js":{"events":[{"name":"item-click","description":"菜单项点击","doc-url":"https://wflynn.cn/pages/list-cell#listcell-events"}]}},{"name":"vft-date-time-select","source":{"symbol":"VftDateTimeSelect"},"description":"文字与图标组合","doc-url":"https://wflynn.cn/pages/date-time-select#datetimeselect","props":[{"name":"dateList","description":"时间配置 _\\*_","doc-url":"https://wflynn.cn/pages/date-time-select#datetimeselect-attributes","type":[{"name":"{count: number; text: string; type: DateType; startOfType: DateType; endOfType: DateType; format: string; dateRange: boolean;}[][]","source":{"symbol":"{count: number; text: string; type: DateType; startOfType: DateType; endOfType: DateType; format: string; dateRange: boolean;}[]"}}]},{"name":"defaultFormat","description":"默认时间格式化值","doc-url":"https://wflynn.cn/pages/date-time-select#datetimeselect-attributes","type":["string"]},{"name":"placement","description":"tootip 位置","doc-url":"https://wflynn.cn/pages/date-time-select#datetimeselect-attributes","type":["'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'right-start' | 'right-end' | 'left-start' | 'left-end'"]}]},{"name":"vft-list-cell","source":{"symbol":"VftListCell"},"doc-url":"https://wflynn.cn/pages/date-time-select#listcell","js":{"events":[{"name":"change","description":"时间选择完成回调","doc-url":"https://wflynn.cn/pages/date-time-select#listcell-events"}]}},{"name":"vft-icon-text","source":{"symbol":"VftIconText"},"description":"文字与图标组合","doc-url":"https://wflynn.cn/pages/icon-text#icontext","props":[{"name":"text","description":"文本 _\\*_","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["string"]},{"name":"icon","description":"图标 _\\*_","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":[{"name":"IconProps","source":{"symbol":"IconProps"}},"string"]},{"name":"color","description":"颜色","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["string"]},{"name":"hoverColor","description":"滑入颜色","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["string"]},{"name":"distance","description":"图标与文字之间距离","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["string","number"]},{"name":"reverse","description":"图标与文字位置翻转","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["boolean"],"default":"false"},{"name":"size","description":"大小","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["string","number"]},{"name":"direction","description":"文字图标排列方向","doc-url":"https://wflynn.cn/pages/icon-text#icontext-attributes","type":["'col' | 'row'"]}]}]}}}