@fangzhongya/fang-ui 0.0.60 → 0.0.61

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

@@ -5,29 +5,27 @@ const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index$2 = require("../../icon/index.cjs");
 const clear = require("../../../icons/vue/clear.cjs");
+const use = require("../../common/use.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const { getLocale, getPropsDefault } = index.useLocale();
+    const { getLocale } = index.useLocale();
     const cs = index$1.useCssName("array");
     const prs = __props;
-    const props = getPropsDefault(prs, [
-      {
-        prop: "rangeSeparator",
-        locale: "to"
+    const props = use.uesPropsDefault(prs, {
+      rangeSeparator() {
+        return getLocale("to");
       },
-      {
-        prop: "startPlaceholder",
-        locale: "began"
+      startPlaceholder() {
+        return getLocale("began");
       },
-      {
-        prop: "endPlaceholder",
-        locale: "end"
+      endPlaceholder() {
+        return getLocale("end");
       }
-    ]);
+    });
     const emit = __emit;
     const refInput = vue.ref();
     const isfocus = vue.ref(false);

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

@@ -3,29 +3,27 @@ import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { Icon } from "../../icon/index.js";
 import Clear from "../../../icons/vue/clear.js";
+import { uesPropsDefault } from "../../common/use.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const { getLocale, getPropsDefault } = useLocale();
+    const { getLocale } = useLocale();
     const cs = useCssName("array");
     const prs = __props;
-    const props = getPropsDefault(prs, [
-      {
-        prop: "rangeSeparator",
-        locale: "to"
+    const props = uesPropsDefault(prs, {
+      rangeSeparator() {
+        return getLocale("to");
       },
-      {
-        prop: "startPlaceholder",
-        locale: "began"
+      startPlaceholder() {
+        return getLocale("began");
       },
-      {
-        prop: "endPlaceholder",
-        locale: "end"
+      endPlaceholder() {
+        return getLocale("end");
       }
-    ]);
+    });
     const emit = __emit;
     const refInput = ref();
     const isfocus = ref(false);

package/dist/components/box/index.css

@@ -38,14 +38,15 @@
 .box-title-close {
   right: 10px;
   font-size: 18px;
+  height: 100%;
   display: flex;
   align-items: center;
+  cursor: pointer;
 }
 .box-title-close-icon {
   width: 20px;
   height: 20px;
   margin: 0 4px;
-  cursor: pointer;
 }
 
 .box {

package/dist/components/box-adjust/index.css

@@ -38,14 +38,15 @@
 .box-title-close {
   right: 10px;
   font-size: 18px;
+  height: 100%;
   display: flex;
   align-items: center;
+  cursor: pointer;
 }
 .box-title-close-icon {
   width: 20px;
   height: 20px;
   margin: 0 4px;
-  cursor: pointer;
 }
 
 .box-adjust {

package/dist/components/box-adjust/src/data.cjs

@@ -5,12 +5,11 @@ const data = require("../../box/src/data.cjs");
 const dataProps = buildProps.buildProps({
   ...data.dataProps,
   /**
-   * @props { String, Boolean } drag='.com-title-name' ( )
+   * @props { String, Boolean } drag='.box-title-name' ( )
    * 可拖拽的元素样式
    */
   drag: {
-    type: [String, Boolean],
-    default: ".com-title-name"
+    type: [String, Boolean]
   },
   /**
    * @props { Boolean } often= ( )

package/dist/components/box-adjust/src/data.d.ts

@@ -2,12 +2,11 @@ import { ExtractPublicPropTypes } from 'vue';
 import { FunctConfig } from '../../../utils/enums';
 export declare const dataProps: {
     /**
-     * @props { String, Boolean } drag='.com-title-name' ( )
+     * @props { String, Boolean } drag='.box-title-name' ( )
      * 可拖拽的元素样式
      */
     drag: {
         type: (BooleanConstructor | StringConstructor)[];
-        default: string;
     };
     /**
      * @props { Boolean } often= ( )

package/dist/components/box-adjust/src/data.js

@@ -3,12 +3,11 @@ import { dataProps as dataProps$1, dataEmits as dataEmits$1, dataSlot as dataSlo
 const dataProps = buildProps({
   ...dataProps$1,
   /**
-   * @props { String, Boolean } drag='.com-title-name' ( )
+   * @props { String, Boolean } drag='.box-title-name' ( )
    * 可拖拽的元素样式
    */
   drag: {
-    type: [String, Boolean],
-    default: ".com-title-name"
+    type: [String, Boolean]
   },
   /**
    * @props { Boolean } often= ( )

package/dist/components/box-adjust/src/index2.cjs

@@ -2,22 +2,27 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
-const index = require("../../../hooks/locale/index.cjs");
-const index$4 = require("../../box-title/index.cjs");
-const index$3 = require("../../box-mask/index.cjs");
-const index$2 = require("../../box-teleport/index.cjs");
-const index$6 = require("../../../directives/adjust/index.cjs");
-const index$5 = require("../../../directives/drag/index.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
+require("../../../hooks/locale/index.cjs");
+const index$3 = require("../../box-title/index.cjs");
+const index$2 = require("../../box-mask/index.cjs");
+const index$1 = require("../../box-teleport/index.cjs");
+const index$5 = require("../../../directives/adjust/index.cjs");
+const index$4 = require("../../../directives/drag/index.cjs");
+const use = require("../../common/use.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const isInit = vue.shallowRef(false);
-    const { getLocale } = index.useLocale();
-    const cs = index$1.useCssName("box-adjust");
-    const props = __props;
+    const cs = index.useCssName("box-adjust");
+    const prs = __props;
+    const props = use.uesPropsDefault(prs, {
+      drag() {
+        return "." + cs.name + "box-title-name";
+      }
+    });
     const emit = __emit;
     vue.watch(
       () => props.modelValue,
@@ -36,26 +41,26 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$2.BoxTeleport), {
-        disabled: props.disabled,
-        to: props.to
+      return vue.openBlock(), vue.createBlock(vue.unref(index$1.BoxTeleport), {
+        disabled: vue.unref(props).disabled,
+        to: vue.unref(props).to
       }, {
         default: vue.withCtx(() => [
           isInit.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: vue.normalizeClass(vue.unref(cs).z())
           }, [
-            vue.createVNode(vue.unref(index$3.BoxMask), {
+            vue.createVNode(vue.unref(index$2.BoxMask), {
               onClick: onClose,
-              cssprefix: props.cssprefix || vue.unref(cs).z()
+              cssprefix: vue.unref(props).cssprefix || vue.unref(cs).z()
             }, null, 8, ["cssprefix"]),
             vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
               class: vue.normalizeClass(vue.unref(cs).z("body"))
             }, [
               vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).title, {}, () => [
-                vue.createVNode(vue.unref(index$4.BoxTitle), {
+                vue.createVNode(vue.unref(index$3.BoxTitle), {
                   onClose,
-                  title: props.title
+                  title: vue.unref(props).title
                 }, null, 8, ["title"])
               ]),
               vue.createElementVNode("div", {
@@ -65,16 +70,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ], 2),
               vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).footer)
             ], 2)), [
-              [vue.unref(index$5.default), {
-                dom: props.drag
+              [vue.unref(index$4.default), {
+                dom: vue.unref(props).drag
               }],
-              [vue.unref(index$6.default), {
-                often: props.often,
+              [vue.unref(index$5.default), {
+                often: vue.unref(props).often,
                 all: { position: true }
               }]
             ])
           ], 2)), [
-            [vue.vShow, props.modelValue]
+            [vue.vShow, vue.unref(props).modelValue]
           ]) : vue.createCommentVNode("", true)
         ]),
         _: 3

package/dist/components/box-adjust/src/index2.js

@@ -1,21 +1,26 @@
 import { defineComponent, shallowRef, watch, createBlock, openBlock, unref, withCtx, withDirectives, createCommentVNode, createElementBlock, normalizeClass, createVNode, renderSlot, createElementVNode, vShow } from "vue";
 import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import { useLocale } from "../../../hooks/locale/index.js";
+import "../../../hooks/locale/index.js";
 import { BoxTitle } from "../../box-title/index.js";
 import { BoxMask } from "../../box-mask/index.js";
 import { BoxTeleport } from "../../box-teleport/index.js";
 import vAdjust from "../../../directives/adjust/index.js";
 import vDrag from "../../../directives/drag/index.js";
+import { uesPropsDefault } from "../../common/use.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const isInit = shallowRef(false);
-    const { getLocale } = useLocale();
     const cs = useCssName("box-adjust");
-    const props = __props;
+    const prs = __props;
+    const props = uesPropsDefault(prs, {
+      drag() {
+        return "." + cs.name + "box-title-name";
+      }
+    });
     const emit = __emit;
     watch(
       () => props.modelValue,
@@ -35,8 +40,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(BoxTeleport), {
-        disabled: props.disabled,
-        to: props.to
+        disabled: unref(props).disabled,
+        to: unref(props).to
       }, {
         default: withCtx(() => [
           isInit.value ? withDirectives((openBlock(), createElementBlock("div", {
@@ -45,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, [
             createVNode(unref(BoxMask), {
               onClick: onClose,
-              cssprefix: props.cssprefix || unref(cs).z()
+              cssprefix: unref(props).cssprefix || unref(cs).z()
             }, null, 8, ["cssprefix"]),
             withDirectives((openBlock(), createElementBlock("div", {
               class: normalizeClass(unref(cs).z("body"))
@@ -53,7 +58,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, unref(dataSlot).title, {}, () => [
                 createVNode(unref(BoxTitle), {
                   onClose,
-                  title: props.title
+                  title: unref(props).title
                 }, null, 8, ["title"])
               ]),
               createElementVNode("div", {
@@ -64,15 +69,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, unref(dataSlot).footer)
             ], 2)), [
               [unref(vDrag), {
-                dom: props.drag
+                dom: unref(props).drag
               }],
               [unref(vAdjust), {
-                often: props.often,
+                often: unref(props).often,
                 all: { position: true }
               }]
             ])
           ], 2)), [
-            [vShow, props.modelValue]
+            [vShow, unref(props).modelValue]
           ]) : createCommentVNode("", true)
         ]),
         _: 3

package/dist/components/box-local/index.css

@@ -38,14 +38,15 @@
 .box-title-close {
   right: 10px;
   font-size: 18px;
+  height: 100%;
   display: flex;
   align-items: center;
+  cursor: pointer;
 }
 .box-title-close-icon {
   width: 20px;
   height: 20px;
   margin: 0 4px;
-  cursor: pointer;
 }
 
 .box {

package/dist/components/box-title/index.css

@@ -26,12 +26,13 @@
 .box-title-close {
   right: 10px;
   font-size: 18px;
+  height: 100%;
   display: flex;
   align-items: center;
+  cursor: pointer;
 }
 .box-title-close-icon {
   width: 20px;
   height: 20px;
   margin: 0 4px;
-  cursor: pointer;
 }

package/dist/components/box-title/index.scss

@@ -15,13 +15,14 @@ $box-title: 'box-title';
 	&-close {
 		right: 10px;
 		font-size: 18px;
+		height: 100%;
 		display: flex;
 		align-items: center;
+		cursor: pointer;
 		&-icon {
 			width: 20px;
 			height: 20px;
 			margin: 0 4px;
-			cursor: pointer;
 		}
 	}
 }

package/dist/components/box-title/src/data.cjs

@@ -12,7 +12,8 @@ const dataProps = buildProps.buildProps({
 });
 const dataEmits = ["close"];
 const dataSlot = {
-  default: "default"
+  default: "default",
+  icon: "icon"
 };
 const dataExpose = {};
 exports.dataEmits = dataEmits;

package/dist/components/box-title/src/data.d.ts

@@ -20,6 +20,7 @@ export type DataEmits = typeof dataEmits;
  */
 export declare const dataSlot: {
     default: string;
+    icon: string;
 };
 /**
  */

package/dist/components/box-title/src/data.js

@@ -10,7 +10,8 @@ const dataProps = buildProps({
 });
 const dataEmits = ["close"];
 const dataSlot = {
-  default: "default"
+  default: "default",
+  icon: "icon"
 };
 const dataExpose = {};
 export {

package/dist/components/box-title/src/index2.cjs

@@ -29,19 +29,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(vue.unref(cs).z("name"))
         }, vue.toDisplayString(props.title), 3),
         vue.createElementVNode("span", {
-          class: vue.normalizeClass(vue.unref(cs).z("close"))
+          class: vue.normalizeClass(vue.unref(cs).z("close")),
+          onClick: onClose
         }, [
-          vue.renderSlot(_ctx.$slots, "icon"),
-          vue.createVNode(vue.unref(index$2.Icon), {
-            onClick: onClose,
-            class: vue.normalizeClass(vue.unref(cs).z("close-icon")),
-            title: vue.unref(getLocale)("close")
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(close.default)
-            ]),
-            _: 1
-          }, 8, ["class", "title"])
+          vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).icon, {}, () => [
+            vue.createVNode(vue.unref(index$2.Icon), {
+              class: vue.normalizeClass(vue.unref(cs).z("close-icon")),
+              title: vue.unref(getLocale)("close")
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(close.default)
+              ]),
+              _: 1
+            }, 8, ["class", "title"])
+          ])
         ], 2)
       ], 2);
     };

package/dist/components/box-title/src/index2.js

@@ -1,5 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, toDisplayString, renderSlot, createVNode, withCtx } from "vue";
-import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
 import { Icon } from "../../icon/index.js";
 import Close from "../../../icons/vue/close.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
@@ -27,19 +27,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(unref(cs).z("name"))
         }, toDisplayString(props.title), 3),
         createElementVNode("span", {
-          class: normalizeClass(unref(cs).z("close"))
+          class: normalizeClass(unref(cs).z("close")),
+          onClick: onClose
         }, [
-          renderSlot(_ctx.$slots, "icon"),
-          createVNode(unref(Icon), {
-            onClick: onClose,
-            class: normalizeClass(unref(cs).z("close-icon")),
-            title: unref(getLocale)("close")
-          }, {
-            default: withCtx(() => [
-              createVNode(Close)
-            ]),
-            _: 1
-          }, 8, ["class", "title"])
+          renderSlot(_ctx.$slots, unref(dataSlot).icon, {}, () => [
+            createVNode(unref(Icon), {
+              class: normalizeClass(unref(cs).z("close-icon")),
+              title: unref(getLocale)("close")
+            }, {
+              default: withCtx(() => [
+                createVNode(Close)
+              ]),
+              _: 1
+            }, 8, ["class", "title"])
+          ])
         ], 2)
       ], 2);
     };

package/dist/components/common/use.cjs

@@ -297,10 +297,26 @@ function uesObjComponSelected(obj, props) {
   });
   return componSelected;
 }
+function uesPropsDefault(props, keyObj) {
+  const keys = Object.keys(keyObj);
+  return new Proxy(props, {
+    get(_target, k) {
+      if (typeof k === "string" && keys.includes(k)) {
+        const v = _target[k];
+        if (v === void 0) {
+          return keyObj[k]();
+        }
+        return v;
+      }
+      return _target[k];
+    }
+  });
+}
 exports.getFormRule = getFormRule;
 exports.getOnObjs = getOnObjs;
 exports.setFormDefaultValue = setFormDefaultValue;
 exports.uesObjComponSelected = uesObjComponSelected;
+exports.uesPropsDefault = uesPropsDefault;
 exports.useGetDomLabel = useGetDomLabel;
 exports.useGetDomValue = useGetDomValue;
 exports.useHide = useHide;

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

@@ -16,4 +16,7 @@ export declare function useSetCompon(obj: ListObj, data: ObjAny, optionss: ObjAn
 export declare const useGetDomValue: (obj: ListObj, data: ObjAny, options: ObjAny, index?: number) => any;
 export declare const useGetDomLabel: (label: string | ListObj | undefined, obj: ListObj, data: ObjAny, slots: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index: number) => any;
 export declare function uesObjComponSelected(obj: ListObj, props: ObjAny): any;
+export declare function uesPropsDefault(props: any, keyObj: {
+    [key: string]: () => any;
+}): any;
 export {};

package/dist/components/common/use.js

@@ -295,11 +295,27 @@ function uesObjComponSelected(obj, props) {
   });
   return componSelected;
 }
+function uesPropsDefault(props, keyObj) {
+  const keys = Object.keys(keyObj);
+  return new Proxy(props, {
+    get(_target, k) {
+      if (typeof k === "string" && keys.includes(k)) {
+        const v = _target[k];
+        if (v === void 0) {
+          return keyObj[k]();
+        }
+        return v;
+      }
+      return _target[k];
+    }
+  });
+}
 export {
   getFormRule,
   getOnObjs,
   setFormDefaultValue,
   uesObjComponSelected,
+  uesPropsDefault,
   useGetDomLabel,
   useGetDomValue,
   useHide,

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

@@ -6,24 +6,23 @@ const index$2 = require("element-plus/es/components/dialog/index");
 const index$3 = require("element-plus/es/components/button/index");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
+const use = require("../../common/use.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const { getPropsDefault } = index.useLocale();
+    const { getLocale } = index.useLocale();
     const cs = index$1.useCssName("dialogs");
     const prs = __props;
-    const props = getPropsDefault(prs, [
-      {
-        prop: "closeName",
-        locale: "close"
+    const props = use.uesPropsDefault(prs, {
+      closeName() {
+        return getLocale("close");
       },
-      {
-        prop: "submitName",
-        locale: "form.confirm"
+      submitName() {
+        return getLocale("form.confirm");
       }
-    ]);
+    });
     const attrs = vue.useAttrs();
     const slots = vue.useSlots();
     const emit = __emit;

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

@@ -4,24 +4,23 @@ import { ElDialog } from "element-plus/es/components/dialog/index";
 import { ElButton } from "element-plus/es/components/button/index";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
+import { uesPropsDefault } from "../../common/use.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const { getPropsDefault } = useLocale();
+    const { getLocale } = useLocale();
     const cs = useCssName("dialogs");
     const prs = __props;
-    const props = getPropsDefault(prs, [
-      {
-        prop: "closeName",
-        locale: "close"
+    const props = uesPropsDefault(prs, {
+      closeName() {
+        return getLocale("close");
       },
-      {
-        prop: "submitName",
-        locale: "form.confirm"
+      submitName() {
+        return getLocale("form.confirm");
       }
-    ]);
+    });
     const attrs = useAttrs();
     const slots = useSlots();
     const emit = __emit;

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

@@ -12,6 +12,7 @@ const dataProps = {
     type: Boolean,
     default: true
   },
+  textarea: Boolean,
   /**
    * @props { Boolean } noEmpty= ( )
    * 不能为空

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

@@ -11,6 +11,7 @@ export declare const dataProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    textarea: BooleanConstructor;
     /**
      * @props { Boolean } noEmpty= ( )
      * 不能为空

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

@@ -10,6 +10,7 @@ const dataProps = {
     type: Boolean,
     default: true
   },
+  textarea: Boolean,
   /**
    * @props { Boolean } noEmpty= ( )
    * 不能为空