vft 0.0.63 → 0.0.65
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.
- package/dist/index.css +1 -1
- package/es/package.json.js +1 -1
- package/lib/package.json.cjs +1 -1
- package/package.json +3 -3
- package/theme-style/base.css +1 -1
- package/theme-style/dark/css-vars.css +1 -1
- package/theme-style/index.css +1 -1
- package/theme-style/src/dark/css-vars.scss +1 -0
- package/theme-style/src/var.scss +1 -0
- package/theme-style/vft-var.css +1 -1
- package/web-types.json +1 -1
|
@@ -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) {
|
package/theme-style/src/var.scss
CHANGED
|
@@ -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);
|
package/theme-style/vft-var.css
CHANGED
|
@@ -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.
|
|
1
|
+
{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.65","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'"]}]}]}}}
|