@fangzhongya/fang-ui 0.1.46 → 0.1.47

package/dist/components/cascaders/index.css

@@ -26,7 +26,13 @@
   height: 100%;
   width: 100%;
 }
+.cascaders-cascader .el-input {
+  height: 100%;
+}
 .cascaders-tree {
   height: 100%;
   width: 100%;
+}
+.cascaders-tree .el-select__wrapper {
+  height: 100%;
 }

package/dist/components/cascaders/index.scss

@@ -5,9 +5,15 @@ $cascaders: 'cascaders';
 	&-cascader {
 		height: 100%;
 		width: 100%;
+		.#{el('input')} {
+			height: 100%;
+		}
 	}
 	&-tree {
 		height: 100%;
 		width: 100%;
+		.#{el('select', '', 'wrapper')} {
+			height: 100%;
+		}
 	}
 }

package/dist/components/common/compons/components.cjs

@@ -8,17 +8,9 @@ const DateVue = vue.defineAsyncComponent(() => Promise.resolve().then(() => requ
 const InputVue = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../inputs/index.cjs")));
 const LabelsVue = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../labels/index.cjs")));
 const SwitchVue = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../switchs/index.cjs")));
-const ButtonsVue = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../buttons/index.cjs")));
 const DateDivideVue = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../dates-divide/index.cjs")));
 const DatePickerVue = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../dates-picker/index.cjs")));
-const EditFloatVue = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../edit-float/index.cjs")));
-const EditVue = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../edit/index.cjs")));
-const HistoryVue = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../history/index.cjs")));
-const ImagesVue = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../images/index.cjs")));
-const InputArrayVue = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../input-array/index.cjs")));
-const InputHistoryVue = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../input-history/index.cjs")));
 const InputSelectVue = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../input-select/index.cjs")));
-const SelectScrollVue = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../select-scroll/index.cjs")));
 const SelectorVue = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../selector/index.cjs")));
 const CascaderVue = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../cascaders/index.cjs")));
 const InputNumVue = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../input-num/index.cjs")));
@@ -32,17 +24,9 @@ const components = {
   Input: InputVue,
   Labels: LabelsVue,
   Switch: SwitchVue,
-  Buttons: ButtonsVue,
   DateDivide: DateDivideVue,
   DatePicker: DatePickerVue,
-  EditFloat: EditFloatVue,
-  Edit: EditVue,
-  History: HistoryVue,
-  Images: ImagesVue,
-  InputArray: InputArrayVue,
-  InputHistory: InputHistoryVue,
   InputSelect: InputSelectVue,
-  SelectScroll: SelectScrollVue,
   Selector: SelectorVue,
   Cascader: CascaderVue,
   InputNum: InputNumVue,

package/dist/components/common/compons/components.d.ts

@@ -8,17 +8,9 @@ export declare const components: {
     Input: SFCWithInstall<DefineComponent<{}, {}, any>>;
     Labels: SFCWithInstall<DefineComponent<{}, {}, any>>;
     Switch: SFCWithInstall<DefineComponent<{}, {}, any>>;
-    Buttons: SFCWithInstall<DefineComponent<{}, {}, any>>;
     DateDivide: SFCWithInstall<DefineComponent<{}, {}, any>>;
     DatePicker: SFCWithInstall<DefineComponent<{}, {}, any>>;
-    EditFloat: SFCWithInstall<DefineComponent<{}, {}, any>>;
-    Edit: SFCWithInstall<DefineComponent<{}, {}, any>>;
-    History: SFCWithInstall<DefineComponent<{}, {}, any>>;
-    Images: SFCWithInstall<DefineComponent<{}, {}, any>>;
-    InputArray: SFCWithInstall<DefineComponent<{}, {}, any>>;
-    InputHistory: SFCWithInstall<DefineComponent<{}, {}, any>>;
     InputSelect: SFCWithInstall<DefineComponent<{}, {}, any>>;
-    SelectScroll: SFCWithInstall<DefineComponent<{}, {}, any>>;
     Selector: SFCWithInstall<DefineComponent<{}, {}, any>>;
     Cascader: SFCWithInstall<DefineComponent<{}, {}, any>>;
     InputNum: SFCWithInstall<DefineComponent<{}, {}, any>>;

package/dist/components/common/compons/components.js

@@ -6,17 +6,9 @@ const DateVue = defineAsyncComponent(() => import("../../dates/index.js"));
 const InputVue = defineAsyncComponent(() => import("../../inputs/index.js"));
 const LabelsVue = defineAsyncComponent(() => import("../../labels/index.js"));
 const SwitchVue = defineAsyncComponent(() => import("../../switchs/index.js"));
-const ButtonsVue = defineAsyncComponent(() => import("../../buttons/index.js"));
 const DateDivideVue = defineAsyncComponent(() => import("../../dates-divide/index.js"));
 const DatePickerVue = defineAsyncComponent(() => import("../../dates-picker/index.js"));
-const EditFloatVue = defineAsyncComponent(() => import("../../edit-float/index.js"));
-const EditVue = defineAsyncComponent(() => import("../../edit/index.js"));
-const HistoryVue = defineAsyncComponent(() => import("../../history/index.js"));
-const ImagesVue = defineAsyncComponent(() => import("../../images/index.js"));
-const InputArrayVue = defineAsyncComponent(() => import("../../input-array/index.js"));
-const InputHistoryVue = defineAsyncComponent(() => import("../../input-history/index.js"));
 const InputSelectVue = defineAsyncComponent(() => import("../../input-select/index.js"));
-const SelectScrollVue = defineAsyncComponent(() => import("../../select-scroll/index.js"));
 const SelectorVue = defineAsyncComponent(() => import("../../selector/index.js"));
 const CascaderVue = defineAsyncComponent(() => import("../../cascaders/index.js"));
 const InputNumVue = defineAsyncComponent(() => import("../../input-num/index.js"));
@@ -30,17 +22,9 @@ const components = {
   Input: InputVue,
   Labels: LabelsVue,
   Switch: SwitchVue,
-  Buttons: ButtonsVue,
   DateDivide: DateDivideVue,
   DatePicker: DatePickerVue,
-  EditFloat: EditFloatVue,
-  Edit: EditVue,
-  History: HistoryVue,
-  Images: ImagesVue,
-  InputArray: InputArrayVue,
-  InputHistory: InputHistoryVue,
   InputSelect: InputSelectVue,
-  SelectScroll: SelectScrollVue,
   Selector: SelectorVue,
   Cascader: CascaderVue,
   InputNum: InputNumVue,

package/dist/components/common/compons/index.scss

@@ -5,17 +5,9 @@
 @use '../../inputs/index.scss' as *;
 @use '../../labels/index.scss' as *;
 @use '../../switchs/index.scss' as *;
-@use '../../buttons/index.scss' as *;
 @use '../../dates-divide/index.scss' as *;
 @use '../../dates-picker/index.scss' as *;
-@use '../../edit-float/index.scss' as *;
-@use '../../edit/index.scss' as *;
-@use '../../history/index.scss' as *;
-@use '../../images/index.scss' as *;
-@use '../../input-array/index.scss' as *;
-@use '../../input-history/index.scss' as *;
 @use '../../input-select/index.scss' as *;
-@use '../../select-scroll/index.scss' as *;
 @use '../../selector/index.scss' as *;
 @use '../../cascaders/index.scss' as *;
 @use '../../input-num/index.scss' as *;

package/dist/components/common/compons/index2.scss

@@ -5,17 +5,9 @@
 @use '../../inputs/style/index2.scss' as *;
 @use '../../labels/style/index2.scss' as *;
 @use '../../switchs/style/index2.scss' as *;
-@use '../../buttons/style/index2.scss' as *;
 @use '../../dates-divide/style/index2.scss' as *;
 @use '../../dates-picker/style/index2.scss' as *;
-@use '../../edit-float/style/index2.scss' as *;
-@use '../../edit/style/index2.scss' as *;
-@use '../../history/style/index2.scss' as *;
-@use '../../images/style/index2.scss' as *;
-@use '../../input-array/style/index2.scss' as *;
-@use '../../input-history/style/index2.scss' as *;
 @use '../../input-select/style/index2.scss' as *;
-@use '../../select-scroll/style/index2.scss' as *;
 @use '../../selector/style/index2.scss' as *;
 @use '../../cascaders/style/index2.scss' as *;
 @use '../../input-num/style/index2.scss' as *;

package/dist/components/date-picker/style/element.scss

@@ -2,6 +2,6 @@
  * @config cover=true
  */
 @use 'element-plus/theme-chalk/src/base.scss' as *;
-// @use '../../date-picker-panel/style/index2.scss' as *;
+@use '../../date-picker-panel/style/index2.scss' as *;
 @use 'element-plus/theme-chalk/src/popper.scss' as *;
 @use 'element-plus/theme-chalk/src/date-picker.scss' as *;

package/dist/components/dates-divide/index.css

@@ -25,7 +25,13 @@
 .dates-divide {
   display: inline-flex;
   align-items: center;
+  width: 100%;
 }
 .dates-divide-range {
   padding: 0 10px;
+}
+.dates-divide .dates-divide-date {
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
 }

package/dist/components/dates-divide/index.scss

@@ -4,7 +4,13 @@ $dates-divide: 'dates-divide';
 @include b($dates-divide) {
 	display: inline-flex;
 	align-items: center;
+	width: 100%;
 	&-range {
 		padding: 0 10px;
 	}
+	.#{z($dates-divide, 'date')} {
+		height: 100%;
+		width: 100%;
+		box-sizing: border-box;
+	}
 }

package/dist/components/dates-divide/src/index2.cjs

@@ -92,6 +92,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }, [
         vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).prefix),
         vue.createVNode(vue.unref(index$3.DatePicker), {
+          class: vue.normalizeClass(vue.unref(cs).z("date")),
           "disabled-date": disabledDateStart,
           type: vue.unref(props).type,
           format: vue.unref(props).format,
@@ -99,11 +100,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           "default-time": setDefaultTime(0),
           modelValue: start.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => start.value = $event)
-        }, null, 8, ["type", "format", "placeholder", "default-time", "modelValue"]),
+        }, null, 8, ["class", "type", "format", "placeholder", "default-time", "modelValue"]),
         vue.createElementVNode("span", {
           class: vue.normalizeClass(vue.unref(cs).z("range"))
         }, vue.toDisplayString(vue.unref(props).rangeSeparator), 3),
         vue.createVNode(vue.unref(index$3.DatePicker), {
+          class: vue.normalizeClass(vue.unref(cs).z("date")),
           "disabled-date": disabledDateEnd,
           placeholder: vue.unref(props).endPlaceholder,
           type: vue.unref(props).type,
@@ -111,7 +113,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           "default-time": setDefaultTime(1),
           modelValue: end.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => end.value = $event)
-        }, null, 8, ["placeholder", "type", "format", "default-time", "modelValue"])
+        }, null, 8, ["class", "placeholder", "type", "format", "default-time", "modelValue"])
       ], 2);
     };
   }

package/dist/components/dates-divide/src/index2.js

@@ -90,6 +90,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         renderSlot(_ctx.$slots, unref(dataSlot).prefix),
         createVNode(unref(DatePicker), {
+          class: normalizeClass(unref(cs).z("date")),
           "disabled-date": disabledDateStart,
           type: unref(props).type,
           format: unref(props).format,
@@ -97,11 +98,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "default-time": setDefaultTime(0),
           modelValue: start.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => start.value = $event)
-        }, null, 8, ["type", "format", "placeholder", "default-time", "modelValue"]),
+        }, null, 8, ["class", "type", "format", "placeholder", "default-time", "modelValue"]),
         createElementVNode("span", {
           class: normalizeClass(unref(cs).z("range"))
         }, toDisplayString(unref(props).rangeSeparator), 3),
         createVNode(unref(DatePicker), {
+          class: normalizeClass(unref(cs).z("date")),
           "disabled-date": disabledDateEnd,
           placeholder: unref(props).endPlaceholder,
           type: unref(props).type,
@@ -109,7 +111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "default-time": setDefaultTime(1),
           modelValue: end.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => end.value = $event)
-        }, null, 8, ["placeholder", "type", "format", "default-time", "modelValue"])
+        }, null, 8, ["class", "placeholder", "type", "format", "default-time", "modelValue"])
       ], 2);
     };
   }

package/dist/components/dates-picker/index.css

@@ -22,12 +22,12 @@
   line-height: var(--lable-array-height);
 }
 
-.dates2 .dates2-date {
+.dates-picker .dates-picker-date {
   height: 100%;
   width: 100%;
   box-sizing: border-box;
 }
-.dates2 .dates2-separate {
+.dates-picker .dates-picker-separate {
   display: flex;
   align-items: center;
 }

package/dist/components/dates-picker/index.scss

@@ -1,13 +1,13 @@
 @use '../scss/common.scss' as *;
 @use '../date-picker/index.scss' as *;
-$dates2: 'dates2';
-@include b($dates2) {
-	.#{z($dates2, 'date')} {
+$dates-picker: 'dates-picker';
+@include b($dates-picker) {
+	.#{z($dates-picker, 'date')} {
 		height: 100%;
 		width: 100%;
 		box-sizing: border-box;
 	}
-	.#{z($dates2, 'separate')} {
+	.#{z($dates-picker, 'separate')} {
 		display: flex;
 		align-items: center;
 	}

package/dist/components/dates-picker/src/index2.cjs

@@ -58,6 +58,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }, vue.unref(attrs).root), [
         vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).prefix),
         vue.createVNode(vue.unref(index$3.DatePicker), vue.mergeProps(vue.unref(attrs).assem, {
+          class: [vue.unref(cs).z("date")],
           type: types.value.type,
           format: vue.unref(props).format || types.value.format,
           "disabled-date": disabledDate,
@@ -72,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])
             };
           })
-        ]), 1040, ["type", "format", "modelValue"])
+        ]), 1040, ["class", "type", "format", "modelValue"])
       ], 16);
     };
   }

package/dist/components/dates-picker/src/index2.js

@@ -56,6 +56,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, unref(attrs).root), [
         renderSlot(_ctx.$slots, unref(dataSlot).prefix),
         createVNode(unref(DatePicker), mergeProps(unref(attrs).assem, {
+          class: [unref(cs).z("date")],
           type: types.value.type,
           format: unref(props).format || types.value.format,
           "disabled-date": disabledDate,
@@ -70,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             };
           })
-        ]), 1040, ["type", "format", "modelValue"])
+        ]), 1040, ["class", "type", "format", "modelValue"])
       ], 16);
     };
   }

package/dist/components/dates2/index.css

@@ -25,10 +25,16 @@
 .dates-divide {
   display: inline-flex;
   align-items: center;
+  width: 100%;
 }
 .dates-divide-range {
   padding: 0 10px;
 }
+.dates-divide .dates-divide-date {
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
 
 .selects-select {
   height: 100%;
@@ -47,4 +53,7 @@
 .dates2 .dates2-separate {
   display: flex;
   align-items: center;
+}
+.dates2 .dates2-separate-select {
+  width: 120px;
 }

package/dist/components/dates2/index.scss

@@ -12,5 +12,8 @@ $dates2: 'dates2';
 	.#{z($dates2, 'separate')} {
 		display: flex;
 		align-items: center;
+		&-select {
+			width: 120px;
+		}
 	}
 }

package/dist/components/dates2/src/index2.cjs

@@ -67,22 +67,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       var _a, _b, _c;
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-        class: [vue.unref(cs).z()]
+        class: vue.unref(cs).z()
       }, vue.unref(attrs).root), [
         vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).prefix),
         vue.unref(props).separate && vue.unref(multiple) ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
-          class: vue.normalizeClass([vue.unref(cs).z("separate")])
+          class: vue.normalizeClass(vue.unref(cs).z("separate"))
         }, [
           vue.unref(props).shortcuts && vue.unref(props).shortcuts.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.Selects), {
             key: 0,
+            class: vue.normalizeClass(vue.unref(cs).z("separate-select")),
             options: vue.unref(props).shortcuts,
             optobj: "",
             placeholder: vue.unref(getLocale)("quick"),
             onChange,
             label: "text",
             prop: "text"
-          }, null, 8, ["options", "placeholder"])) : vue.createCommentVNode("", true),
+          }, null, 8, ["class", "options", "placeholder"])) : vue.createCommentVNode("", true),
           vue.createVNode(vue.unref(index$5.DatesDivide), vue.mergeProps(vue.unref(attrs).assem, {
             type: ((_a = types.value) == null ? void 0 : _a.type) || vue.unref(props).type,
             format: vue.unref(props).format || ((_b = types.value) == null ? void 0 : _b.format),
@@ -92,6 +93,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(value) ? value.value = $event : null)
           }), null, 16, ["type", "format", "modelValue"])
         ], 2)) : (vue.openBlock(), vue.createBlock(vue.unref(index$6.DatePicker), vue.mergeProps({ key: 1 }, vue.unref(attrs).assem, {
+          class: vue.unref(cs).z("date"),
           type: type.value,
           format: vue.unref(props).format || ((_c = types.value) == null ? void 0 : _c.format),
           "default-time": vue.unref(multiple) ? defaultTime : void 0,
@@ -108,7 +110,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])
             };
           })
-        ]), 1040, ["type", "format", "default-time", "shortcuts", "modelValue"]))
+        ]), 1040, ["class", "type", "format", "default-time", "shortcuts", "modelValue"]))
       ], 16);
     };
   }

package/dist/components/dates2/src/index2.js

@@ -65,22 +65,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a, _b, _c;
       return openBlock(), createElementBlock("div", mergeProps({
-        class: [unref(cs).z()]
+        class: unref(cs).z()
       }, unref(attrs).root), [
         renderSlot(_ctx.$slots, unref(dataSlot).prefix),
         unref(props).separate && unref(multiple) ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: normalizeClass([unref(cs).z("separate")])
+          class: normalizeClass(unref(cs).z("separate"))
         }, [
           unref(props).shortcuts && unref(props).shortcuts.length > 0 ? (openBlock(), createBlock(unref(Selects), {
             key: 0,
+            class: normalizeClass(unref(cs).z("separate-select")),
             options: unref(props).shortcuts,
             optobj: "",
             placeholder: unref(getLocale)("quick"),
             onChange,
             label: "text",
             prop: "text"
-          }, null, 8, ["options", "placeholder"])) : createCommentVNode("", true),
+          }, null, 8, ["class", "options", "placeholder"])) : createCommentVNode("", true),
           createVNode(unref(DatesDivide), mergeProps(unref(attrs).assem, {
             type: ((_a = types.value) == null ? void 0 : _a.type) || unref(props).type,
             format: unref(props).format || ((_b = types.value) == null ? void 0 : _b.format),
@@ -90,6 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null)
           }), null, 16, ["type", "format", "modelValue"])
         ], 2)) : (openBlock(), createBlock(unref(DatePicker), mergeProps({ key: 1 }, unref(attrs).assem, {
+          class: unref(cs).z("date"),
           type: type.value,
           format: unref(props).format || ((_c = types.value) == null ? void 0 : _c.format),
           "default-time": unref(multiple) ? defaultTime : void 0,
@@ -106,7 +108,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             };
           })
-        ]), 1040, ["type", "format", "default-time", "shortcuts", "modelValue"]))
+        ]), 1040, ["class", "type", "format", "default-time", "shortcuts", "modelValue"]))
       ], 16);
     };
   }

package/dist/components/double/index.css

@@ -22,26 +22,63 @@
   line-height: var(--lable-array-height);
 }
 
+.icon {
+  --color: inherit;
+  height: 1em;
+  width: 1em;
+  line-height: 1em;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  fill: currentColor;
+  color: var(--color);
+  font-size: inherit;
+}
+.icon-cont {
+  border: 0;
+  display: inline-flex;
+  align-items: center;
+  object-fit: contain;
+  justify-content: center;
+  font-size: inherit !important;
+  width: inherit !important;
+  height: inherit !important;
+}
+
 .double {
   width: 100%;
   display: inline-flex;
   align-items: center;
-  box-sizing: content-box;
-  padding: 1.2px 1px;
+  box-sizing: border-box;
+  padding: 1px 1px;
   position: relative;
   box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
   border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
 }
 .double.is-focus {
-  box-shadow: 0 0 0 1px var(--color-primary) inset;
+  box-shadow: 0 0 0 1px var(--el-color-primary) inset;
+}
+.double.is-error {
+  box-shadow: 0 0 0 1px var(--el-color-danger) inset;
+}
+.double.is-disabled {
+  cursor: not-allowed;
+  background-color: var(--el-disabled-bg-color);
+}
+.double.is-disabled .double-range {
+  color: var(--el-disabled-text-color);
 }
 .double-error {
   position: absolute;
-  bottom: -23px;
-  color: #f00;
-  font-size: 0.8rem;
+  padding-top: 2px;
+  color: var(--el-color-danger);
+  bottom: -15px;
+  font-size: 12px;
+  line-height: 1;
   border-radius: 4px;
   left: 12px;
+  white-space: nowrap;
 }
 .double-error.type-1 {
   left: calc(50% + 24px);
@@ -57,6 +94,8 @@
 .double-value {
   flex: 1;
   height: 100%;
+  display: flex;
+  align-items: center;
 }
 .double-range {
   padding: 0 5px;
@@ -68,10 +107,6 @@
   justify-content: center;
   padding: 5px;
 }
-.double-clear svg {
-  width: 1rem;
-  height: 1rem;
-}
 .double .el-input .el-input__wrapper {
   border: none;
   box-shadow: none;

package/dist/components/double/index.scss

@@ -1,31 +1,46 @@
 @use '../scss/common.scss' as *;
-
+@use '../icon/index.scss' as *;
 $double: 'double';
 @include b($double) {
 	width: 100%;
 	display: inline-flex;
 	align-items: center;
-	box-sizing: content-box;
-	padding: 1.2px 1px;
+	box-sizing: border-box;
+	padding: 1px 1px;
 	position: relative;
-	box-shadow: 0 0 0 1px
-		var(--#{e()}input-border-color, var(--#{e()}border-color)) inset;
+	box-shadow: 0 0 0 1px var(ve('input-border-color'), var(ve('border-color')))
+		inset;
 	border-radius: var(
-		--#{e()}input-border-radius,
-		var(--#{e()}border-radius-base)
+		ve('input-border-radius'),
+		var(ve('border-radius-base'))
 	);
 
 	&.#{is('focus')} {
-		box-shadow: 0 0 0 1px var(--#{$cssname}color-primary) inset;
+		box-shadow: 0 0 0 1px var(ve('color-primary')) inset;
+	}
+
+	&.#{is('error')} {
+		box-shadow: 0 0 0 1px var(ve('color-danger')) inset;
+	}
+
+	&.#{is('disabled')} {
+		cursor: not-allowed;
+		background-color: var(ve('disabled-bg-color'));
+		.#{z($double, 'range')} {
+			color: var(ve('disabled-text-color'));
+		}
 	}
 
 	&-error {
 		position: absolute;
-		bottom: -23px;
-		color: #f00;
-		font-size: 0.8rem;
+		padding-top: 2px;
+		color: var(ve('color-danger'));
+		bottom: -15px;
+		font-size: 12px;
+		line-height: 1;
 		border-radius: 4px;
 		left: 12px;
+		white-space: nowrap;
 		&.type-1 {
 			left: calc(50% + 24px);
 			&.#{is('clear')} {
@@ -42,6 +57,8 @@ $double: 'double';
 	&-value {
 		flex: 1;
 		height: 100%;
+		display: flex;
+		align-items: center;
 	}
 
 	&-range {
@@ -54,14 +71,10 @@ $double: 'double';
 		display: inline-flex;
 		justify-content: center;
 		padding: 5px;
-		svg {
-			width: 1rem;
-			height: 1rem;
-		}
 	}
 
-	.#{e()}input {
-		.#{e()}input__wrapper {
+	.#{el('input')} {
+		.#{el('input', '', 'wrapper')} {
 			border: none;
 			box-shadow: none;
 			input {