@sdata/web-vue 1.19.0 → 2.1.0

package/es/_components/feedback-icon.js

@@ -9,6 +9,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	const _component_icon_close_circle_fill = resolveComponent("icon-close-circle-fill");
 	return openBlock(), createElementBlock("span", { class: normalizeClass(_ctx.cls) }, [_ctx.type === "validating" ? (openBlock(), createBlock(_component_icon_loading, { key: 0 })) : _ctx.type === "success" ? (openBlock(), createBlock(_component_icon_check_circle_fill, { key: 1 })) : _ctx.type === "warning" ? (openBlock(), createBlock(_component_icon_exclamation_circle_fill, { key: 2 })) : _ctx.type === "error" ? (openBlock(), createBlock(_component_icon_close_circle_fill, { key: 3 })) : createCommentVNode("", true)], 2);
 }
-var feedback_icon_default = /* @__PURE__ */ _plugin_vue_export_helper_default(feedback_icon_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var feedback_icon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(feedback_icon_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { feedback_icon_default as default };

package/es/_components/icon-hover.js

@@ -9,6 +9,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		[`${_ctx.prefixCls}-disabled`]: _ctx.disabled
 	}]) }, [renderSlot(_ctx.$slots, "default")], 2);
 }
-var icon_hover_default = /* @__PURE__ */ _plugin_vue_export_helper_default(icon_hover_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var icon_hover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(icon_hover_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { icon_hover_default as default };

package/es/_components/icon-hover.vue.d.ts

@@ -29,6 +29,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    size: "small" | "mini" | "medium" | "large";
+    size: "medium" | "large" | "small" | "mini";
     disabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/_components/input-label/input-label.d.ts

@@ -45,8 +45,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:inputValue"?: ((...args: any[]) => any) | undefined;
     onInputValueChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    error: boolean;
     disabled: boolean;
+    error: boolean;
     inputValue: string;
     focused: boolean;
     uninjectFormItemContext: boolean;

package/es/_components/input-label/style/index.css

@@ -32,33 +32,33 @@
   width: 100%;
   padding-right: 12px;
   padding-left: 12px;
-  color: var(--color-text-1);
+  color: var(--sd-color-text-1);
   font-size: 14px;
-  background-color: var(--color-fill-2);
+  background-color: var(--sd-color-fill-2);
   border: 1px solid transparent;
-  border-radius: var(--border-radius-small);
+  border-radius: var(--sd-border-radius-small);
   cursor: text;
   transition: color 0.1s cubic-bezier(0, 0, 1, 1), border-color 0.1s cubic-bezier(0, 0, 1, 1), background-color 0.1s cubic-bezier(0, 0, 1, 1);
 }
 .sd-input-label:hover {
-  background-color: var(--color-fill-3);
+  background-color: var(--sd-color-fill-3);
   border-color: transparent;
 }
 .sd-input-label:focus-within, .sd-input-label.sd-input-label-focus {
   z-index: 1;
-  background-color: var(--color-bg-2);
-  border-color: rgb(var(--primary-6));
-  box-shadow: 0 0 0 0 var(--color-primary-light-2);
+  background-color: var(--sd-color-bg-2);
+  border-color: rgb(var(--sd-primary-6));
+  box-shadow: 0 0 0 0 var(--sd-color-primary-light-2);
 }
 .sd-input-label.sd-input-label-disabled {
-  color: var(--color-text-4);
-  background-color: var(--color-fill-2);
+  color: var(--sd-color-text-4);
+  background-color: var(--sd-color-fill-2);
   border-color: transparent;
   cursor: not-allowed;
 }
 .sd-input-label.sd-input-label-disabled:hover {
-  color: var(--color-text-4);
-  background-color: var(--color-fill-2);
+  color: var(--sd-color-text-4);
+  background-color: var(--sd-color-fill-2);
   border-color: transparent;
 }
 .sd-input-label.sd-input-label-disabled .sd-input-label-prefix,
@@ -66,18 +66,18 @@
   color: inherit;
 }
 .sd-input-label.sd-input-label-error {
-  background-color: var(--color-danger-light-1);
+  background-color: var(--sd-color-danger-light-1);
   border-color: transparent;
 }
 .sd-input-label.sd-input-label-error:hover {
-  background-color: var(--color-danger-light-2);
+  background-color: var(--sd-color-danger-light-2);
   border-color: transparent;
 }
 .sd-input-label.sd-input-label-error:focus-within, .sd-input-label.sd-input-label-error.sd-input-label-focus {
   z-index: 1;
-  background-color: var(--color-bg-2);
-  border-color: rgb(var(--danger-6));
-  box-shadow: 0 0 0 0 var(--color-danger-light-2);
+  background-color: var(--sd-color-bg-2);
+  border-color: rgb(var(--sd-danger-6));
+  box-shadow: 0 0 0 0 var(--sd-color-danger-light-2);
 }
 .sd-input-label .sd-input-label-prefix,
 .sd-input-label .sd-input-label-suffix {
@@ -93,30 +93,30 @@
 }
 .sd-input-label .sd-input-label-prefix {
   padding-right: 12px;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
 }
 .sd-input-label .sd-input-label-suffix {
   padding-left: 12px;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
 }
 .sd-input-label .sd-input-label-suffix .sd-feedback-icon {
   display: inline-flex;
 }
 .sd-input-label .sd-input-label-suffix .sd-feedback-icon-status-validating {
-  color: rgb(var(--primary-6));
+  color: rgb(var(--sd-primary-6));
 }
 .sd-input-label .sd-input-label-suffix .sd-feedback-icon-status-success {
-  color: rgb(var(--success-6));
+  color: rgb(var(--sd-success-6));
 }
 .sd-input-label .sd-input-label-suffix .sd-feedback-icon-status-warning {
-  color: rgb(var(--warning-6));
+  color: rgb(var(--sd-warning-6));
 }
 .sd-input-label .sd-input-label-suffix .sd-feedback-icon-status-error {
-  color: rgb(var(--danger-6));
+  color: rgb(var(--sd-danger-6));
 }
 .sd-input-label .sd-input-label-clear-btn {
   align-self: center;
-  color: var(--color-text-2);
+  color: var(--sd-color-text-2);
   font-size: 12px;
   visibility: hidden;
   cursor: pointer;
@@ -129,7 +129,7 @@
   visibility: visible;
 }
 .sd-input-label:not(.sd-input-label-focus) .sd-input-label-icon-hover:hover::before {
-  background-color: var(--color-fill-4);
+  background-color: var(--sd-color-fill-4);
 }
 .sd-input-label {
   cursor: pointer;
@@ -149,13 +149,13 @@
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 .sd-input-label .sd-input-label-input::placeholder {
-  color: var(--color-text-3);
+  color: var(--sd-color-text-3);
 }
 .sd-input-label .sd-input-label-input[disabled]::placeholder {
-  color: var(--color-text-4);
+  color: var(--sd-color-text-4);
 }
 .sd-input-label .sd-input-label-input[disabled] {
-  -webkit-text-fill-color: var(--color-text-4);
+  -webkit-text-fill-color: var(--sd-color-text-4);
 }
 .sd-input-label .sd-input-label-input-hidden {
   position: absolute;

package/es/_components/picker/input-range.js

@@ -64,6 +64,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		], 2)
 	], 2);
 }
-var input_range_default = /* @__PURE__ */ _plugin_vue_export_helper_default(input_range_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var input_range_default = /*#__PURE__*/ _plugin_vue_export_helper_default(input_range_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { input_range_default as default };

package/es/_components/picker/input-range.vue.d.ts

@@ -110,10 +110,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     "onFocused-index-change"?: ((...args: any[]) => any) | undefined;
     "onUpdate:focusedIndex"?: ((...args: any[]) => any) | undefined;
 }>, {
+    disabled: boolean | boolean[];
     error: boolean;
     readonly: boolean;
     value: (Dayjs | undefined)[];
-    disabled: boolean | boolean[];
     placeholder: string[];
     allowClear: boolean;
     focused: boolean;
@@ -145,7 +145,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        size: "small" | "mini" | "medium" | "large";
+        size: "medium" | "large" | "small" | "mini";
         disabled: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     IconClose: {

package/es/_components/picker/input.js

@@ -49,6 +49,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		], 2)
 	], 2);
 }
-var input_default = /* @__PURE__ */ _plugin_vue_export_helper_default(input_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(input_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { input_default as default };

package/es/_components/picker/input.vue.d.ts

@@ -88,9 +88,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     onClear?: ((...args: any[]) => any) | undefined;
     "onPress-enter"?: ((...args: any[]) => any) | undefined;
 }>, {
+    disabled: boolean;
     error: boolean;
     readonly: boolean;
-    disabled: boolean;
     allowClear: boolean;
     focused: boolean;
 }, {}, {
@@ -121,7 +121,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        size: "small" | "mini" | "medium" | "large";
+        size: "medium" | "large" | "small" | "mini";
         disabled: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     IconClose: {

package/es/_components/resize-trigger.js

@@ -17,6 +17,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 		_: 3
 	}, 8, ["onResize"]);
 }
-var resize_trigger_default = /* @__PURE__ */ _plugin_vue_export_helper_default(resize_trigger_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var resize_trigger_default = /*#__PURE__*/ _plugin_vue_export_helper_default(resize_trigger_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
 //#endregion
 export { resize_trigger_default as default };

package/es/_components/select-view/select-view.d.ts

@@ -72,7 +72,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, {}, {}, {
     focus(): void;
     blur(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "clear" | "blur" | "remove")[], "focus" | "clear" | "blur" | "remove", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "remove")[], "clear" | "focus" | "blur" | "remove", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<SelectViewValue[]>;
         required: true;
@@ -140,10 +140,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClear?: ((...args: any[]) => any) | undefined;
     onRemove?: ((...args: any[]) => any) | undefined;
 }>, {
-    error: boolean;
+    multiple: boolean;
     disabled: boolean;
+    error: boolean;
     showArrow: boolean;
-    multiple: boolean;
     allowClear: boolean;
     loading: boolean;
     bordered: boolean;