@fangzhongya/fang-ui 0.1.34 → 0.1.36

package/dist/components/{array → double}/index.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;
@@ -22,7 +22,7 @@
   line-height: var(--lable-array-height);
 }
 
-.array {
+.double {
   width: 100%;
   display: inline-flex;
   align-items: center;
@@ -31,10 +31,10 @@
   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));
 }
-.array.is-focus {
+.double.is-focus {
   box-shadow: 0 0 0 1px var(--color-primary) inset;
 }
-.array-error {
+.double-error {
   position: absolute;
   bottom: -23px;
   color: #f00;
@@ -42,39 +42,39 @@
   border-radius: 4px;
   left: 12px;
 }
-.array-error.type-1 {
+.double-error.type-1 {
   left: calc(50% + 24px);
 }
-.array-error.type-1.is-clear {
+.double-error.type-1.is-clear {
   left: calc(50% + 11px);
 }
-.array-focus {
+.double-focus {
   position: absolute;
   z-index: -1;
   opacity: 0;
 }
-.array-value {
+.double-value {
   flex: 1;
   height: 100%;
 }
-.array-range {
+.double-range {
   padding: 0 5px;
 }
-.array-clear {
+.double-clear {
   cursor: pointer;
   align-items: center;
   display: inline-flex;
   justify-content: center;
   padding: 5px;
 }
-.array-clear svg {
+.double-clear svg {
   width: 1rem;
   height: 1rem;
 }
-.array .el-input .el-input__wrapper {
+.double .el-input .el-input__wrapper {
   border: none;
   box-shadow: none;
 }
-.array .el-input .el-input__wrapper input {
+.double .el-input .el-input__wrapper input {
   text-align: center;
 }

package/dist/components/double/index.d.ts

@@ -0,0 +1,5 @@
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent } from 'vue';
+declare const Double: SFCWithInstall<DefineComponent<{}, {}, any>>;
+export { Double };
+export default Double;

package/dist/components/{array → double}/index.js

@@ -2,8 +2,8 @@
 import "./src/index.js";
 import { withInstall } from "../../utils/vues/withInstall.js";
 import _sfc_main from "./src/index2.js";
-const Array = withInstall(_sfc_main, "Array");
+const Double = withInstall(_sfc_main, "Double");
 export {
-  Array,
-  Array as default
+  Double,
+  Double as default
 };

package/dist/components/{array → double}/index.scss

@@ -1,7 +1,7 @@
 @use '../scss/common.scss' as *;
 
-$array: 'array';
-@include b($array) {
+$double: 'double';
+@include b($double) {
 	width: 100%;
 	display: inline-flex;
 	align-items: center;

package/dist/components/{array → double}/src/data.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const name = "array";
+const name = "double";
 const dataProps = {
   /**
    * @props { String } rangeSeparator='至'

package/dist/components/{array → double}/src/data.d.ts

@@ -1,8 +1,8 @@
 import { ExtractPropTypes } from 'vue';
 /**
- * @title {h3} array
+ * @title {h3} double
  */
-export declare const name = "array";
+export declare const name = "double";
 export declare const dataProps: {
     /**
      * @props { String } rangeSeparator='至'

package/dist/components/{array → double}/src/data.js

@@ -1,4 +1,4 @@
-const name = "array";
+const name = "double";
 const dataProps = {
   /**
    * @props { String } rangeSeparator='至'

package/dist/components/{array → double}/src/index2.cjs

@@ -28,7 +28,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return getLocale("end");
       }
     });
-    index$2.viewProps(props, data.name);
     const compons = index$3.useComponsGet(props.compons);
     const pcompon = vue.computed(() => {
       if (typeof props.compon == "string") {
@@ -110,40 +109,50 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const errer = vue.ref();
     function onInput(type) {
       var _a, _b;
-      if (props.check) {
-        errer.value = void 0;
-        if (start.value && end.value) {
-          const callback = (e) => {
-            if (e) {
-              if (typeof e === "string") {
-                e = new Error(e);
-              }
-              e.type = type;
-              errer.value = e;
-              emit("validate", void 0, false, e.message);
-            } else {
-              emit("validate", void 0, true, "");
-              setValue([start.value, end.value]);
-            }
-          };
-          if (typeof props.check === "function") {
-            const v = props.check(start.value, end.value, callback);
-            if (!v) {
-              return false;
-            }
-          } else if (props.check === true) {
-            if (start.value > end.value) {
-              callback(
-                new Error(
-                  props.endPlaceholder + (((_a = props.config) == null ? void 0 : _a.placeholder) ?? "") + getLocale("cannot") + props.startPlaceholder + (((_b = props.config) == null ? void 0 : _b.placeholder) ?? "")
-                )
-              );
-              return false;
-            }
-          }
+      if (!props.check) {
+        setValue([start.value, end.value]);
+        return;
+      }
+      errer.value = void 0;
+      if (!start.value || !end.value) {
+        handleValidationSuccess(type);
+        return;
+      }
+      const callback = (e) => {
+        if (e) {
+          handleValidationError(e, type);
+        } else {
+          handleValidationSuccess(type);
+          setValue([start.value, end.value]);
+        }
+      };
+      if (typeof props.check === "function") {
+        const v = props.check(start.value, end.value, callback);
+        if (v === false) {
+          return false;
+        }
+      } else if (props.check === true) {
+        if (start.value > end.value) {
+          callback(
+            new Error(
+              props.endPlaceholder + (((_a = props.config) == null ? void 0 : _a.placeholder) ?? "") + getLocale("cannot") + props.startPlaceholder + (((_b = props.config) == null ? void 0 : _b.placeholder) ?? "")
+            )
+          );
+          return false;
         }
-        emit("validate", void 0, true, "");
       }
+      handleValidationSuccess(type);
+    }
+    function handleValidationError(e, type) {
+      if (typeof e === "string") {
+        e = new Error(e);
+      }
+      e.type = type;
+      errer.value = e;
+      emit("validate", void 0, false, e.message);
+    }
+    function handleValidationSuccess(type) {
+      emit("validate", void 0, true, "");
       setValue([start.value, end.value]);
     }
     function onClear() {

package/dist/components/{array → double}/src/index2.js

@@ -4,7 +4,7 @@ import { useCssName } from "../../../hooks/cssname/index.js";
 import { Icon } from "../../icon/index.js";
 import Clear from "../../../icons/vue/clear.js";
 import { useComponsGet } from "../../../hooks/compons/index.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
 import { useLocale } from "../../../hooks/locale/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -26,7 +26,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return getLocale("end");
       }
     });
-    viewProps(props, name);
     const compons = useComponsGet(props.compons);
     const pcompon = computed(() => {
       if (typeof props.compon == "string") {
@@ -108,40 +107,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const errer = ref();
     function onInput(type) {
       var _a, _b;
-      if (props.check) {
-        errer.value = void 0;
-        if (start.value && end.value) {
-          const callback = (e) => {
-            if (e) {
-              if (typeof e === "string") {
-                e = new Error(e);
-              }
-              e.type = type;
-              errer.value = e;
-              emit("validate", void 0, false, e.message);
-            } else {
-              emit("validate", void 0, true, "");
-              setValue([start.value, end.value]);
-            }
-          };
-          if (typeof props.check === "function") {
-            const v = props.check(start.value, end.value, callback);
-            if (!v) {
-              return false;
-            }
-          } else if (props.check === true) {
-            if (start.value > end.value) {
-              callback(
-                new Error(
-                  props.endPlaceholder + (((_a = props.config) == null ? void 0 : _a.placeholder) ?? "") + getLocale("cannot") + props.startPlaceholder + (((_b = props.config) == null ? void 0 : _b.placeholder) ?? "")
-                )
-              );
-              return false;
-            }
-          }
+      if (!props.check) {
+        setValue([start.value, end.value]);
+        return;
+      }
+      errer.value = void 0;
+      if (!start.value || !end.value) {
+        handleValidationSuccess(type);
+        return;
+      }
+      const callback = (e) => {
+        if (e) {
+          handleValidationError(e, type);
+        } else {
+          handleValidationSuccess(type);
+          setValue([start.value, end.value]);
+        }
+      };
+      if (typeof props.check === "function") {
+        const v = props.check(start.value, end.value, callback);
+        if (v === false) {
+          return false;
+        }
+      } else if (props.check === true) {
+        if (start.value > end.value) {
+          callback(
+            new Error(
+              props.endPlaceholder + (((_a = props.config) == null ? void 0 : _a.placeholder) ?? "") + getLocale("cannot") + props.startPlaceholder + (((_b = props.config) == null ? void 0 : _b.placeholder) ?? "")
+            )
+          );
+          return false;
         }
-        emit("validate", void 0, true, "");
       }
+      handleValidationSuccess(type);
+    }
+    function handleValidationError(e, type) {
+      if (typeof e === "string") {
+        e = new Error(e);
+      }
+      e.type = type;
+      errer.value = e;
+      emit("validate", void 0, false, e.message);
+    }
+    function handleValidationSuccess(type) {
+      emit("validate", void 0, true, "");
       setValue([start.value, end.value]);
     }
     function onClear() {

package/dist/components/{slider → draggable}/index.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/components/draggable/index.d.ts

@@ -1,4 +1,5 @@
 import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 declare const Draggable: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Draggable, Draggable as default };
+export { Draggable };
+export default Draggable;

package/dist/components/draggable/index.scss

@@ -2,4 +2,5 @@
 
 $draggable: 'draggable';
 @include b($draggable) {
+	// 占位符，为将来扩展预留
 }

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

@@ -15,7 +15,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const { getLocale } = index$1.useLocale();
     const prs = __props;
     const props = index$2.usePropsDefault(data.name, prs, data.dataProps);
-    index$2.viewProps(props, data.name);
     const emit = __emit;
     function safeStringify(obj, space = 2) {
       const seen = /* @__PURE__ */ new WeakSet();

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

@@ -3,7 +3,7 @@ import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import vSortable from "../../../directives/sortable/index.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: getProps(dataProps),
@@ -13,7 +13,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { getLocale } = useLocale();
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps);
-    viewProps(props, name);
     const emit = __emit;
     function safeStringify(obj, space = 2) {
       const seen = /* @__PURE__ */ new WeakSet();

package/dist/components/drawer/index.d.ts

@@ -2,4 +2,5 @@ import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 export * from './src/export';
 declare const Drawer: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Drawer, Drawer as default };
+export { Drawer };
+export default Drawer;

package/dist/components/drawer/index.scss

@@ -2,4 +2,5 @@
 
 $drawer: 'drawer';
 @include b($drawer) {
+	// 占位符，为将来扩展预留
 }

package/dist/components/dropdown/index.d.ts

@@ -2,4 +2,5 @@ import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 export * from './src/export';
 declare const Dropdown: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Dropdown, Dropdown as default };
+export { Dropdown };
+export default Dropdown;

package/dist/components/dropdown/index.scss

@@ -2,4 +2,5 @@
 
 $dropdown: 'dropdown';
 @include b($dropdown) {
+	// 占位符，为将来扩展预留
 }

package/dist/components/dropdown-item/index.d.ts

@@ -1,4 +1,5 @@
 import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 declare const DropdownItem: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { DropdownItem, DropdownItem as default };
+export { DropdownItem };
+export default DropdownItem;

package/dist/components/dropdown-item/index.scss

@@ -2,4 +2,5 @@
 
 $dropdown-item: 'dropdown-item';
 @include b($dropdown-item) {
+	// 占位符，为将来扩展预留
 }

package/dist/components/dropdown-menu/index.d.ts

@@ -1,4 +1,5 @@
 import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 declare const DropdownMenu: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { DropdownMenu, DropdownMenu as default };
+export { DropdownMenu };
+export default DropdownMenu;

package/dist/components/dropdown-menu/index.scss

@@ -2,4 +2,5 @@
 
 $dropdown-menu: 'dropdown-menu';
 @include b($dropdown-menu) {
+	// 占位符，为将来扩展预留
 }

package/dist/components/edit/index.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/components/edit/index.d.ts

@@ -1,4 +1,5 @@
 import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 declare const Edit: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { Edit, Edit as default };
+export { Edit };
+export default Edit;

package/dist/components/edit/src/data.cjs

@@ -18,7 +18,7 @@ const dataProps = {
    * @props { Boolean } noEmpty= ( )
    * 不能为空
    */
-  noEmpty: {
+  isEmpty: {
     type: Boolean
   }
 };

package/dist/components/edit/src/data.d.ts

@@ -20,7 +20,7 @@ export declare const dataProps: {
      * @props { Boolean } noEmpty= ( )
      * 不能为空
      */
-    noEmpty: {
+    isEmpty: {
         type: BooleanConstructor;
     };
 };

package/dist/components/edit/src/data.js

@@ -16,7 +16,7 @@ const dataProps = {
    * @props { Boolean } noEmpty= ( )
    * 不能为空
    */
-  noEmpty: {
+  isEmpty: {
     type: Boolean
   }
 };

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

@@ -15,7 +15,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index.useCssName(data.name);
     const prs = __props;
     const props = index$1.usePropsDefault(data.name, prs, data.dataProps);
-    index$1.viewProps(props, data.name);
     const emit = __emit;
     const isInput = vue.ref(false);
     const isIcon = vue.ref(false);
@@ -32,13 +31,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const value = vue.computed({
       get() {
         let v = props.modelValue;
-        if (!v && props.noEmpty) {
+        if (!v && props.isEmpty) {
           isIcon.value = true;
         }
         return v;
       },
       set(value2) {
-        if (!value2 && props.noEmpty) {
+        if (!value2 && props.isEmpty) {
           isIcon.value = true;
         }
         emit("update:modelValue", value2);
@@ -52,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       isInput.value = false;
     }
     function setIsIcon() {
-      if (!value.value && props.noEmpty) {
+      if (!value.value && props.isEmpty) {
         isIcon.value = true;
       } else {
         isIcon.value = false;

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

@@ -4,7 +4,7 @@ import Edit from "../../../icons/vue/edit.js";
 import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import { Inputs } from "../../inputs/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: getProps(dataProps),
@@ -13,7 +13,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = useCssName(name);
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps);
-    viewProps(props, name);
     const emit = __emit;
     const isInput = ref(false);
     const isIcon = ref(false);
@@ -30,13 +29,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const value = computed({
       get() {
         let v = props.modelValue;
-        if (!v && props.noEmpty) {
+        if (!v && props.isEmpty) {
           isIcon.value = true;
         }
         return v;
       },
       set(value2) {
-        if (!value2 && props.noEmpty) {
+        if (!value2 && props.isEmpty) {
           isIcon.value = true;
         }
         emit("update:modelValue", value2);
@@ -50,7 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isInput.value = false;
     }
     function setIsIcon() {
-      if (!value.value && props.noEmpty) {
+      if (!value.value && props.isEmpty) {
         isIcon.value = true;
       } else {
         isIcon.value = false;

package/dist/components/edit/style/index2.scss

@@ -1 +1,3 @@
+@use '../../inputs/style/index2.scss' as *;
+@use '../../icon/style/index2.scss' as *;
 @use '../index.scss' as *;

package/dist/components/edit-float/index.css

@@ -2,7 +2,7 @@
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
   --bag-primary: #409eff;
-  --bag-primary-text: #fff;
+  --bag-primary-text: #ffffff;
   --border: #eee;
   --layout-panel-gap: 10px;
   --layout-panel-padding: 20px;

package/dist/components/edit-float/index.d.ts

@@ -1,4 +1,5 @@
 import { SFCWithInstall } from '../../utils/vues';
 import { DefineComponent } from 'vue';
 declare const EditFloat: SFCWithInstall<DefineComponent<{}, {}, any>>;
-export { EditFloat, EditFloat as default };
+export { EditFloat };
+export default EditFloat;

package/dist/components/edit-float/src/data.cjs

@@ -18,10 +18,10 @@ const dataProps = {
   },
   textarea: Boolean,
   /**
-   * @props { Boolean } noEmpty= ( )
+   * @props { Boolean } isEmpty= ( )
    * 不能为空
    */
-  noEmpty: {
+  isEmpty: {
     type: Boolean
   }
 };

package/dist/components/edit-float/src/data.d.ts

@@ -20,10 +20,10 @@ export declare const dataProps: {
     };
     textarea: BooleanConstructor;
     /**
-     * @props { Boolean } noEmpty= ( )
+     * @props { Boolean } isEmpty= ( )
      * 不能为空
      */
-    noEmpty: {
+    isEmpty: {
         type: BooleanConstructor;
     };
 };

package/dist/components/edit-float/src/data.js

@@ -16,10 +16,10 @@ const dataProps = {
   },
   textarea: Boolean,
   /**
-   * @props { Boolean } noEmpty= ( )
+   * @props { Boolean } isEmpty= ( )
    * 不能为空
    */
-  noEmpty: {
+  isEmpty: {
     type: Boolean
   }
 };