vft 0.0.332 → 0.0.334

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.
@@ -99,6 +99,10 @@
99
99
  map.get($input, 'icon-color')
100
100
  );
101
101
  gap: 8px;
102
+
103
+ .icon-circle-close {
104
+ @include icon-common($icon-circle-close);
105
+ }
102
106
  }
103
107
 
104
108
  @include e(inner) {
@@ -1 +1 @@
1
- .vft-input-tag{--vft-input-tag-border-color-hover:var(--vft-border-color-hover);--vft-input-tag-placeholder-color:var(--vft-text-placeholder-color);--vft-input-tag-disabled-color:var(--vft-disabled-text-color);--vft-input-tag-disabled-border:var(--vft-disabled-border-color);--vft-input-tag-font-size:var(--vft-font-size-base);--vft-input-tag-close-hover-color:var(--vft-text-secondary-color);--vft-input-tag-text-color:var(--vft-text-regular-color);--vft-input-tag-input-focus-border-color:var(--vft-primary-color);--vft-input-tag-width:100%;--vft-input-tag-mini-height:var(--vft-component-size);--vft-input-tag-gap:6px;--vft-input-tag-padding:4px;--vft-input-tag-inner-padding:8px;--vft-input-tag-line-height:24px}.vft-input-tag{display:flex;box-sizing:border-box;align-items:center;width:var(--vft-input-tag-width);min-height:var(--vft-input-tag-mini-height);padding:var(--vft-input-tag-padding);transform:translate3d(0,0,0);transition:var(--vft-transition-duration);border-radius:var(--vft-border-radius-base);background-color:var(--vft-fill-color-blank);font-size:var(--vft-input-tag-font-size);line-height:var(--vft-input-tag-line-height);cursor:pointer;box-shadow:0 0 0 1px var(--vft-border-color) inset}.vft-input-tag.is-focused{box-shadow:0 0 0 1px var(--vft-primary-color) inset}.vft-input-tag.is-hovering:not(.is-focused){box-shadow:0 0 0 1px var(--vft-border-color-hover) inset}.vft-input-tag.is-disabled{background-color:var(--vft-fill-color-light);cursor:not-allowed;box-shadow:0 0 0 1px var(--vft-input-tag-disabled-border) inset}.vft-input-tag.is-disabled:hover{box-shadow:0 0 0 1px var(--vft-input-tag-disabled-border) inset}.vft-input-tag.is-disabled.is-focus{box-shadow:0 0 0 1px var(--vft-input-focus-border-color) inset}.vft-input-tag.is-disabled .vft-input-tag__inner .vft-input-tag__input{cursor:not-allowed}.vft-input-tag.is-disabled .vft-input-tag__inner .vft-tag{cursor:not-allowed}.vft-input-tag__prefix{display:flex;flex-shrink:0;align-items:center;padding:0 var(--vft-input-tag-inner-padding);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color))}.vft-input-tag__suffix{display:flex;flex-shrink:0;align-items:center;padding:0 var(--vft-input-tag-inner-padding);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));gap:8px}.vft-input-tag__inner{display:flex;position:relative;flex:1;flex-wrap:wrap;align-items:center;min-width:0;max-width:100%;gap:var(--vft-input-tag-gap)}.vft-input-tag__inner.is-left-space{margin-left:var(--vft-input-tag-inner-padding)}.vft-input-tag__inner.is-right-space{margin-right:var(--vft-input-tag-inner-padding)}.vft-input-tag__inner.is-draggable .vft-tag{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-input-tag__drop-indicator{position:absolute;top:0;width:1px;height:var(--el-input-tag-line-height);background-color:var(--vft-primary-color)}.vft-input-tag__inner .vft-tag{max-width:100%;border-color:transparent;cursor:pointer}.vft-input-tag__inner .vft-tag.vft-tag--plain{border-color:var(--vft-tag-border-color)}.vft-input-tag__inner .vft-tag .vft-tag__content{min-width:0;overflow:hidden;line-height:normal;text-overflow:ellipsis;white-space:nowrap}.vft-input-tag__input-wrapper{flex:1}.vft-input-tag__input{width:100%;padding:0;border:none;outline:0;background-color:transparent;color:var(--vft-input-tag-text-color);font-family:inherit;font-size:inherit;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vft-input-tag__input::-moz-placeholder{color:var(--vft-input-tag-placeholder-color)}.vft-input-tag__input::placeholder{color:var(--vft-input-tag-placeholder-color)}.vft-input-tag__input-calculator{visibility:hidden;position:absolute;top:0;left:0;max-width:100%;overflow:hidden;white-space:pre}.vft-input-tag--large{--vft-input-tag-gap:6px;--vft-input-tag-padding:8px;--vft-input-tag-padding-left:8px;--vft-input-tag-font-size:14px}.vft-input-tag--small{--vft-input-tag-gap:4px;--vft-input-tag-padding:2px;--vft-input-tag-padding-left:6px;--vft-input-tag-font-size:12px;--vft-input-tag-line-height:20px;--vft-input-tag-mini-height:var(--vft-component-size-small)}
1
+ .vft-input-tag{--vft-input-tag-border-color-hover:var(--vft-border-color-hover);--vft-input-tag-placeholder-color:var(--vft-text-placeholder-color);--vft-input-tag-disabled-color:var(--vft-disabled-text-color);--vft-input-tag-disabled-border:var(--vft-disabled-border-color);--vft-input-tag-font-size:var(--vft-font-size-base);--vft-input-tag-close-hover-color:var(--vft-text-secondary-color);--vft-input-tag-text-color:var(--vft-text-regular-color);--vft-input-tag-input-focus-border-color:var(--vft-primary-color);--vft-input-tag-width:100%;--vft-input-tag-mini-height:var(--vft-component-size);--vft-input-tag-gap:6px;--vft-input-tag-padding:4px;--vft-input-tag-inner-padding:8px;--vft-input-tag-line-height:24px}.vft-input-tag{display:flex;box-sizing:border-box;align-items:center;width:var(--vft-input-tag-width);min-height:var(--vft-input-tag-mini-height);padding:var(--vft-input-tag-padding);transform:translate3d(0,0,0);transition:var(--vft-transition-duration);border-radius:var(--vft-border-radius-base);background-color:var(--vft-fill-color-blank);font-size:var(--vft-input-tag-font-size);line-height:var(--vft-input-tag-line-height);cursor:pointer;box-shadow:0 0 0 1px var(--vft-border-color) inset}.vft-input-tag.is-focused{box-shadow:0 0 0 1px var(--vft-primary-color) inset}.vft-input-tag.is-hovering:not(.is-focused){box-shadow:0 0 0 1px var(--vft-border-color-hover) inset}.vft-input-tag.is-disabled{background-color:var(--vft-fill-color-light);cursor:not-allowed;box-shadow:0 0 0 1px var(--vft-input-tag-disabled-border) inset}.vft-input-tag.is-disabled:hover{box-shadow:0 0 0 1px var(--vft-input-tag-disabled-border) inset}.vft-input-tag.is-disabled.is-focus{box-shadow:0 0 0 1px var(--vft-input-focus-border-color) inset}.vft-input-tag.is-disabled .vft-input-tag__inner .vft-input-tag__input{cursor:not-allowed}.vft-input-tag.is-disabled .vft-input-tag__inner .vft-tag{cursor:not-allowed}.vft-input-tag__prefix{display:flex;flex-shrink:0;align-items:center;padding:0 var(--vft-input-tag-inner-padding);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color))}.vft-input-tag__suffix{display:flex;flex-shrink:0;align-items:center;padding:0 var(--vft-input-tag-inner-padding);color:var(--vft-input-icon-color,var(--vft-text-placeholder-color));gap:8px}.vft-input-tag__suffix .icon-circle-close{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="m466.752 512l-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z"%2F%3E%3Cpath fill="currentColor" d="M512 896a384 384 0 1 0 0-768a384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896a448 448 0 0 1 0 896z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.vft-input-tag__inner{display:flex;position:relative;flex:1;flex-wrap:wrap;align-items:center;min-width:0;max-width:100%;gap:var(--vft-input-tag-gap)}.vft-input-tag__inner.is-left-space{margin-left:var(--vft-input-tag-inner-padding)}.vft-input-tag__inner.is-right-space{margin-right:var(--vft-input-tag-inner-padding)}.vft-input-tag__inner.is-draggable .vft-tag{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vft-input-tag__drop-indicator{position:absolute;top:0;width:1px;height:var(--el-input-tag-line-height);background-color:var(--vft-primary-color)}.vft-input-tag__inner .vft-tag{max-width:100%;border-color:transparent;cursor:pointer}.vft-input-tag__inner .vft-tag.vft-tag--plain{border-color:var(--vft-tag-border-color)}.vft-input-tag__inner .vft-tag .vft-tag__content{min-width:0;overflow:hidden;line-height:normal;text-overflow:ellipsis;white-space:nowrap}.vft-input-tag__input-wrapper{flex:1}.vft-input-tag__input{width:100%;padding:0;border:none;outline:0;background-color:transparent;color:var(--vft-input-tag-text-color);font-family:inherit;font-size:inherit;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vft-input-tag__input::-moz-placeholder{color:var(--vft-input-tag-placeholder-color)}.vft-input-tag__input::placeholder{color:var(--vft-input-tag-placeholder-color)}.vft-input-tag__input-calculator{visibility:hidden;position:absolute;top:0;left:0;max-width:100%;overflow:hidden;white-space:pre}.vft-input-tag--large{--vft-input-tag-gap:6px;--vft-input-tag-padding:8px;--vft-input-tag-padding-left:8px;--vft-input-tag-font-size:14px}.vft-input-tag--small{--vft-input-tag-gap:4px;--vft-input-tag-padding:2px;--vft-input-tag-padding-left:6px;--vft-input-tag-font-size:12px;--vft-input-tag-line-height:20px;--vft-input-tag-mini-height:var(--vft-component-size-small)}
package/web-types.json CHANGED
@@ -1 +1 @@
1
- {"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.332","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}
1
+ {"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"vft","version":"0.0.334","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}
@@ -1,46 +0,0 @@
1
- interface SimpleFormProps {
2
- commonButtonOptions?: {
3
- loading?: boolean;
4
- btnText?: string;
5
- onClick?: (data?: any) => void;
6
- };
7
- }
8
- declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SimpleFormProps>, {
9
- commonButtonOptions: () => {
10
- btnText: string;
11
- loading: boolean;
12
- };
13
- }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
14
- "common-click": (data?: any) => void;
15
- }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SimpleFormProps>, {
16
- commonButtonOptions: () => {
17
- btnText: string;
18
- loading: boolean;
19
- };
20
- }>>> & Readonly<{
21
- "onCommon-click"?: ((data?: any) => any) | undefined;
22
- }>, {
23
- commonButtonOptions: {
24
- loading?: boolean;
25
- btnText?: string;
26
- onClick?: (data?: any) => void;
27
- };
28
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
29
- export default _default;
30
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
31
- type __VLS_TypePropsToRuntimeProps<T> = {
32
- [K in keyof T]-?: {} extends Pick<T, K> ? {
33
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
34
- } : {
35
- type: import('vue').PropType<T[K]>;
36
- required: true;
37
- };
38
- };
39
- type __VLS_WithDefaults<P, D> = {
40
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
41
- default: D[K];
42
- }> : P[K];
43
- };
44
- type __VLS_Prettify<T> = {
45
- [K in keyof T]: T[K];
46
- } & {};
@@ -1,7 +0,0 @@
1
- import o from "./super-form-simple.vue2.js";
2
- /* empty css */
3
- import r from "../../_virtual/_plugin-vue_export-helper.js";
4
- const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b35ac0e7"]]);
5
- export {
6
- e as default
7
- };
@@ -1,32 +0,0 @@
1
- import { defineComponent as r, computed as l, unref as t, createElementBlock as a, openBlock as u, createVNode as f, mergeProps as d, withCtx as _, createTextVNode as k, toDisplayString as C } from "vue";
2
- import { VftButton as x } from "../button/index.js";
3
- const B = { class: "super-form-simple" }, v = /* @__PURE__ */ r({
4
- __name: "super-form-simple",
5
- props: {
6
- commonButtonOptions: { default: () => ({
7
- btnText: "取消",
8
- loading: !1
9
- }) }
10
- },
11
- emits: ["common-click"],
12
- setup(m, { emit: s }) {
13
- const n = m, i = s, e = l(() => ({
14
- btnText: "取消",
15
- ...t(n.commonButtonOptions)
16
- })), p = (c) => {
17
- const o = t(n.commonButtonOptions);
18
- o.onClick && o.onClick(), i("common-click");
19
- };
20
- return (c, o) => (u(), a("div", B, [
21
- f(t(x), d(e.value, { onClick: p }), {
22
- default: _(() => [
23
- k(C(e.value.btnText), 1)
24
- ]),
25
- _: 1
26
- }, 16)
27
- ]));
28
- }
29
- });
30
- export {
31
- v as default
32
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./super-form-simple.vue2.cjs");;/* empty css */const u=require("../../_virtual/_plugin-vue_export-helper.cjs"),r=u.default(e.default,[["__scopeId","data-v-b35ac0e7"]]);exports.default=r;
@@ -1,46 +0,0 @@
1
- interface SimpleFormProps {
2
- commonButtonOptions?: {
3
- loading?: boolean;
4
- btnText?: string;
5
- onClick?: (data?: any) => void;
6
- };
7
- }
8
- declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SimpleFormProps>, {
9
- commonButtonOptions: () => {
10
- btnText: string;
11
- loading: boolean;
12
- };
13
- }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
14
- "common-click": (data?: any) => void;
15
- }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SimpleFormProps>, {
16
- commonButtonOptions: () => {
17
- btnText: string;
18
- loading: boolean;
19
- };
20
- }>>> & Readonly<{
21
- "onCommon-click"?: ((data?: any) => any) | undefined;
22
- }>, {
23
- commonButtonOptions: {
24
- loading?: boolean;
25
- btnText?: string;
26
- onClick?: (data?: any) => void;
27
- };
28
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
29
- export default _default;
30
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
31
- type __VLS_TypePropsToRuntimeProps<T> = {
32
- [K in keyof T]-?: {} extends Pick<T, K> ? {
33
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
34
- } : {
35
- type: import('vue').PropType<T[K]>;
36
- required: true;
37
- };
38
- };
39
- type __VLS_WithDefaults<P, D> = {
40
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
41
- default: D[K];
42
- }> : P[K];
43
- };
44
- type __VLS_Prettify<T> = {
45
- [K in keyof T]: T[K];
46
- } & {};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../button/index.cjs"),l={class:"super-form-simple"},p=e.defineComponent({__name:"super-form-simple",props:{commonButtonOptions:{default:()=>({btnText:"取消",loading:!1})}},emits:["common-click"],setup(s,{emit:i}){const o=s,r=i,n=e.computed(()=>({btnText:"取消",...e.unref(o.commonButtonOptions)})),m=c=>{const t=e.unref(o.commonButtonOptions);t.onClick&&t.onClick(),r("common-click")};return(c,t)=>(e.openBlock(),e.createElementBlock("div",l,[e.createVNode(e.unref(u.VftButton),e.mergeProps(n.value,{onClick:m}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.value.btnText),1)]),_:1},16)]))}});exports.default=p;