@fangzhongya/fang-ui 0.0.60 → 0.0.61

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

@@ -16,6 +16,7 @@ const index$3 = require("../../box-mask/index.cjs");
 const index$2 = require("../../box-teleport/index.cjs");
 const setClassName = require("@fangzhongya/utils/css/setClassName");
 const index$6 = require("../../../directives/drag/index.cjs");
+const use = require("../../common/use.cjs");
 const _hoisted_1 = ["title"];
 const _hoisted_2 = ["title"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -27,7 +28,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const refBody = vue.shallowRef();
     const { getLocale } = index.useLocale();
     const cs = index$1.useCssName("window");
-    const props = __props;
+    const prs = __props;
+    const props = use.uesPropsDefault(prs, {
+      drag() {
+        return "." + cs.name + "box-title-name";
+      }
+    });
     const emit = __emit;
     const isMax = vue.shallowRef(props.max);
     const isMin = vue.shallowRef(false);
@@ -189,8 +195,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(index$2.BoxTeleport), {
-        disabled: props.disabled,
-        to: props.to
+        disabled: vue.unref(props).disabled,
+        to: vue.unref(props).to
       }, {
         default: vue.withCtx(() => [
           !isClose.value ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -199,10 +205,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ref: refBox,
             class: vue.normalizeClass(vue.unref(cs).z())
           }, [
-            props.mask ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.BoxMask), {
+            vue.unref(props).mask ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.BoxMask), {
               key: 0,
               onClick: onMaskClose,
-              cssprefix: props.cssprefix || vue.unref(cs).z()
+              cssprefix: vue.unref(props).cssprefix || vue.unref(cs).z()
             }, null, 8, ["cssprefix"])) : vue.createCommentVNode("", true),
             vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
               ref_key: "refBody",
@@ -212,10 +218,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).title, {}, () => [
                 vue.createVNode(vue.unref(index$4.BoxTitle), {
                   onClose,
-                  title: props.title
+                  title: vue.unref(props).title
                 }, {
                   icon: vue.withCtx(() => [
-                    !props.noMin ? (vue.openBlock(), vue.createElementBlock("span", {
+                    !vue.unref(props).noMin ? (vue.openBlock(), vue.createElementBlock("span", {
                       key: 0,
                       title: vue.unref(getLocale)("minh"),
                       onClick: onMin,
@@ -264,11 +270,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).footer)
             ], 2)), [
               [vue.unref(index$6.default), {
-                dom: props.drag,
+                dom: vue.unref(props).drag,
                 onMousedown
               }],
               [vue.unref(index$7.default), {
-                often: props.often,
+                often: vue.unref(props).often,
                 onChange: onChangeAdjust,
                 all: { position: true, getDisabled }
               }]

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

@@ -14,6 +14,7 @@ import { BoxMask } from "../../box-mask/index.js";
 import { BoxTeleport } from "../../box-teleport/index.js";
 import { setClassName } from "@fangzhongya/utils/css/setClassName";
 import vDrag from "../../../directives/drag/index.js";
+import { uesPropsDefault } from "../../common/use.js";
 const _hoisted_1 = ["title"];
 const _hoisted_2 = ["title"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -25,7 +26,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const refBody = shallowRef();
     const { getLocale } = useLocale();
     const cs = useCssName("window");
-    const props = __props;
+    const prs = __props;
+    const props = uesPropsDefault(prs, {
+      drag() {
+        return "." + cs.name + "box-title-name";
+      }
+    });
     const emit = __emit;
     const isMax = shallowRef(props.max);
     const isMin = shallowRef(false);
@@ -187,8 +193,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(() => [
           !isClose.value ? (openBlock(), createElementBlock("div", {
@@ -197,10 +203,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ref: refBox,
             class: normalizeClass(unref(cs).z())
           }, [
-            props.mask ? (openBlock(), createBlock(unref(BoxMask), {
+            unref(props).mask ? (openBlock(), createBlock(unref(BoxMask), {
               key: 0,
               onClick: onMaskClose,
-              cssprefix: props.cssprefix || unref(cs).z()
+              cssprefix: unref(props).cssprefix || unref(cs).z()
             }, null, 8, ["cssprefix"])) : createCommentVNode("", true),
             withDirectives((openBlock(), createElementBlock("div", {
               ref_key: "refBody",
@@ -210,10 +216,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, unref(dataSlot).title, {}, () => [
                 createVNode(unref(BoxTitle), {
                   onClose,
-                  title: props.title
+                  title: unref(props).title
                 }, {
                   icon: withCtx(() => [
-                    !props.noMin ? (openBlock(), createElementBlock("span", {
+                    !unref(props).noMin ? (openBlock(), createElementBlock("span", {
                       key: 0,
                       title: unref(getLocale)("minh"),
                       onClick: onMin,
@@ -262,11 +268,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, unref(dataSlot).footer)
             ], 2)), [
               [unref(vDrag), {
-                dom: props.drag,
+                dom: unref(props).drag,
                 onMousedown
               }],
               [unref(vAdjust), {
-                often: props.often,
+                often: unref(props).often,
                 onChange: onChangeAdjust,
                 all: { position: true, getDisabled }
               }]

package/dist/css/box-adjust.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/css/box-local.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/css/box-title.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/css/box.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/css/edit-float.css

@@ -28,6 +28,5 @@
   padding: 10px 0;
 }
 .edit-float-but {
-  display: flex;
-  flex-direction: row-reverse;
+  text-align: right;
 }

package/dist/css/index.css

@@ -132,14 +132,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 {
@@ -866,8 +867,7 @@
   padding: 10px 0;
 }
 .edit-float-but {
-  display: flex;
-  flex-direction: row-reverse;
+  text-align: right;
 }
 
 .edit {
@@ -1324,26 +1324,4 @@
   left: 0;
   z-index: 1;
   opacity: 0;
-}
-
-.tablesvp {
-  width: 100%;
-  height: var(--tablesvp-height);
-  display: flex;
-  flex-direction: column;
-}
-.tablesvp-main {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  width: 100%;
-}
-.tablesvp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
-  display: none;
-}
-.tablesvp-paginat {
-  overflow: hidden;
-}
-.tablesvp-paginat .el-pagination {
-  justify-content: flex-end;
 }

package/dist/css/popup.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;
 }
 
 .popup {

package/dist/css/window.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;
 }
 
 .window {

package/dist/directives/drag/index.cjs

@@ -43,6 +43,7 @@ function setDom(dom, el, value) {
         );
       }
       bodyStyle.cursor = cursor;
+      dom.style.cursor = "grab";
     };
     const mousedown = (e) => {
       const eps = dom.getBoundingClientRect();
@@ -57,11 +58,11 @@ function setDom(dom, el, value) {
         }
       }
       mousedownEvent = e;
-      bodyStyle.cursor = "move";
+      dom.style.cursor = "grabbing";
       return true;
     };
     getShiftEvent.pressEvent(dom, mousedown, handleMouseMove, handleMouseUp);
-    setCss.setCss(dom, "cursor", "move");
+    setCss.setCss(dom, "cursor", "grab");
   }
 }
 const vDrag = {

package/dist/directives/drag/index.js

@@ -41,6 +41,7 @@ function setDom(dom, el, value) {
         );
       }
       bodyStyle.cursor = cursor;
+      dom.style.cursor = "grab";
     };
     const mousedown = (e) => {
       const eps = dom.getBoundingClientRect();
@@ -55,11 +56,11 @@ function setDom(dom, el, value) {
         }
       }
       mousedownEvent = e;
-      bodyStyle.cursor = "move";
+      dom.style.cursor = "grabbing";
       return true;
     };
     pressEvent(dom, mousedown, handleMouseMove, handleMouseUp);
-    setCss(dom, "cursor", "move");
+    setCss(dom, "cursor", "grab");
   }
 }
 const vDrag = {

package/dist/hooks/index.cjs

@@ -13,7 +13,6 @@ exports.setGlobalConfig = index$2.setGlobalConfig;
 exports.useGlobalConfig = index$2.useGlobalConfig;
 exports.buildLocaleAdd = index$3.buildLocaleAdd;
 exports.buildLocaleContext = index$3.buildLocaleContext;
-exports.buildPropsDefault = index$3.buildPropsDefault;
 exports.buildTranslator = index$3.buildTranslator;
 exports.useLocale = index$3.useLocale;
 exports.useAttrValue = index$4.useAttrValue;

package/dist/hooks/index.js

@@ -2,12 +2,11 @@ import { useCssName } from "./cssname/index.js";
 import "./default-config/index.js";
 import { eventAliass } from "./event-aliass/index.js";
 import { provideGlobalConfig, setGlobalConfig, useGlobalConfig } from "./global-config/index.js";
-import { buildLocaleAdd, buildLocaleContext, buildPropsDefault, buildTranslator, useLocale } from "./locale/index.js";
+import { buildLocaleAdd, buildLocaleContext, buildTranslator, useLocale } from "./locale/index.js";
 import { useAttrValue, useInherit } from "./inherit/index.js";
 export {
   buildLocaleAdd,
   buildLocaleContext,
-  buildPropsDefault,
   buildTranslator,
   eventAliass,
   provideGlobalConfig,

package/dist/hooks/locale/index.cjs

@@ -4,21 +4,11 @@ const index = require("../global-config/index.cjs");
 const zhCn = require("../../locale/zh-cn.cjs");
 const en = require("../../locale/en.cjs");
 const vue = require("vue");
-function getValue(key, locale) {
-  const arr = key.split(".");
-  let obj = locale;
-  for (let index2 = 0; index2 < arr.length; index2++) {
-    const v = arr[index2];
-    obj = obj[v];
-    if (typeof obj === "undefined") {
-      break;
-    }
-  }
-  return obj;
-}
+require("../../utils/util.cjs");
+const objValue = require("@fangzhongya/utils/basic/object/objValue");
 function buildTranslator(locale) {
   return (path, ...values) => {
-    let v = getValue(path, vue.unref(locale).value);
+    let v = objValue.getObjValue(path, vue.unref(locale).value) || "";
     if (values.length > 0) {
       values.forEach((z, i) => {
         v = v.replaceAll("$" + (i + 1), z);
@@ -27,40 +17,12 @@ function buildTranslator(locale) {
     return v;
   };
 }
-function getPropsDefault(props, arr, getLocale) {
-  const keys = [];
-  const keyObj = {};
-  arr.forEach((v) => {
-    keys.push(v.prop);
-    keyObj[v.prop] = v;
-  });
-  return new Proxy(props, {
-    get(_target, k) {
-      if (typeof k === "string" && keys.includes(k)) {
-        const v = _target[k];
-        if (v === void 0) {
-          const o = keyObj[k];
-          const l = getLocale(o.locale);
-          if (o.filter) {
-            return o.filter(l);
-          }
-          return l;
-        }
-        return v;
-      }
-      return _target[k];
-    }
-  });
-}
-function buildPropsDefault(getLocale) {
-  return (props, arr) => getPropsDefault(props, arr, getLocale);
-}
 function buildLocaleAdd(locale, lang) {
   return (...arr) => {
     if (lang.value == "zh-cn") {
-      return arr.map((o) => getValue(o, vue.unref(locale).value)).join("");
+      return arr.map((o) => objValue.getObjValue(o, vue.unref(locale).value)).join("");
     } else {
-      return arr.map((o) => getValue(o, vue.unref(locale).value)).join(" ");
+      return arr.map((o) => objValue.getObjValue(o, vue.unref(locale).value)).join(" ");
     }
   };
 }
@@ -70,7 +32,6 @@ function buildLocaleContext(locale) {
   return {
     lang,
     locale: localeRef,
-    getPropsDefault: buildPropsDefault(buildTranslator(locale)),
     getLocale: buildTranslator(locale),
     getLocaleAdd: buildLocaleAdd(locale, lang)
   };
@@ -92,6 +53,5 @@ function useLocale() {
 }
 exports.buildLocaleAdd = buildLocaleAdd;
 exports.buildLocaleContext = buildLocaleContext;
-exports.buildPropsDefault = buildPropsDefault;
 exports.buildTranslator = buildTranslator;
 exports.useLocale = useLocale;

package/dist/hooks/locale/index.d.ts

@@ -2,12 +2,6 @@ import { Locale, Translator } from '../../types/locale';
 import { MaybeRef } from '../../types/hooks';
 import { ComputedRef, Ref } from 'vue';
 export declare function buildTranslator(locale: MaybeRef<Locale>): Translator;
-type PropsDefault = {
-    prop: string;
-    locale: string;
-    filter?: (locale: string) => string;
-};
-export declare function buildPropsDefault(getLocale: Translator): (props: any, arr: Array<PropsDefault>) => any;
 export declare function buildLocaleAdd(locale: MaybeRef<Locale>, lang: ComputedRef<string>): (...arr: string[]) => string;
 export declare function buildLocaleContext(locale: MaybeRef<Locale>): {
     lang: ComputedRef<string>;
@@ -32,7 +26,6 @@ export declare function buildLocaleContext(locale: MaybeRef<Locale>): {
             [key: string]: any;
         };
     }>;
-    getPropsDefault: (props: any, arr: Array<PropsDefault>) => any;
     getLocale: Translator;
     getLocaleAdd: (...arr: string[]) => string;
 };
@@ -59,8 +52,6 @@ export declare function useLocale(): {
             [key: string]: any;
         };
     }>;
-    getPropsDefault: (props: any, arr: Array<PropsDefault>) => any;
     getLocale: Translator;
     getLocaleAdd: (...arr: string[]) => string;
 };
-export {};

package/dist/hooks/locale/index.js

@@ -2,21 +2,11 @@ import { useGlobalConfig } from "../global-config/index.js";
 import ZhCn from "../../locale/zh-cn.js";
 import En from "../../locale/en.js";
 import { unref, computed, isRef, ref } from "vue";
-function getValue(key, locale) {
-  const arr = key.split(".");
-  let obj = locale;
-  for (let index = 0; index < arr.length; index++) {
-    const v = arr[index];
-    obj = obj[v];
-    if (typeof obj === "undefined") {
-      break;
-    }
-  }
-  return obj;
-}
+import "../../utils/util.js";
+import { getObjValue } from "@fangzhongya/utils/basic/object/objValue";
 function buildTranslator(locale) {
   return (path, ...values) => {
-    let v = getValue(path, unref(locale).value);
+    let v = getObjValue(path, unref(locale).value) || "";
     if (values.length > 0) {
       values.forEach((z, i) => {
         v = v.replaceAll("$" + (i + 1), z);
@@ -25,40 +15,12 @@ function buildTranslator(locale) {
     return v;
   };
 }
-function getPropsDefault(props, arr, getLocale) {
-  const keys = [];
-  const keyObj = {};
-  arr.forEach((v) => {
-    keys.push(v.prop);
-    keyObj[v.prop] = v;
-  });
-  return new Proxy(props, {
-    get(_target, k) {
-      if (typeof k === "string" && keys.includes(k)) {
-        const v = _target[k];
-        if (v === void 0) {
-          const o = keyObj[k];
-          const l = getLocale(o.locale);
-          if (o.filter) {
-            return o.filter(l);
-          }
-          return l;
-        }
-        return v;
-      }
-      return _target[k];
-    }
-  });
-}
-function buildPropsDefault(getLocale) {
-  return (props, arr) => getPropsDefault(props, arr, getLocale);
-}
 function buildLocaleAdd(locale, lang) {
   return (...arr) => {
     if (lang.value == "zh-cn") {
-      return arr.map((o) => getValue(o, unref(locale).value)).join("");
+      return arr.map((o) => getObjValue(o, unref(locale).value)).join("");
     } else {
-      return arr.map((o) => getValue(o, unref(locale).value)).join(" ");
+      return arr.map((o) => getObjValue(o, unref(locale).value)).join(" ");
     }
   };
 }
@@ -68,7 +30,6 @@ function buildLocaleContext(locale) {
   return {
     lang,
     locale: localeRef,
-    getPropsDefault: buildPropsDefault(buildTranslator(locale)),
     getLocale: buildTranslator(locale),
     getLocaleAdd: buildLocaleAdd(locale, lang)
   };
@@ -91,7 +52,6 @@ function useLocale() {
 export {
   buildLocaleAdd,
   buildLocaleContext,
-  buildPropsDefault,
   buildTranslator,
   useLocale
 };