@fangzhongya/fang-ui 0.0.12 → 0.0.14

package/dist/directives/adjust/index.js

@@ -12,7 +12,7 @@ function getPosition(el) {
   const obj = {};
   keys.forEach((key) => {
     if (el) {
-      obj[key] = Number(getCss(el, key).replace(/[a-z|A-Z]*$/, ""));
+      obj[key] = Number(getCss(el, key).replace(/[a-z|A-Z|%]*$/, ""));
     } else {
       obj[key] = 0;
     }
@@ -391,7 +391,12 @@ const types = [
 function getAdjustObj(el, key, param) {
   var _a;
   key = lineToSmallHump(key);
-  let obj = {};
+  let obj = {
+    key,
+    el,
+    param
+  };
+  const noxux = param.noxux;
   if (param.adjoin) {
     if (typeof param.adjoin == "boolean") {
       obj.adjoin = getAdjoin(el, key);
@@ -412,7 +417,9 @@ function getAdjustObj(el, key, param) {
     } else {
       obj.domObj.set(mousedownEvent.clientX, mousedownEvent.clientY);
     }
-    obj.domObj.show();
+    if (!noxux) {
+      obj.domObj.show();
+    }
   };
   obj.setValue = getValue(key, obj.adjoin, param.position);
   obj.setMouseup = (mousedownEvent, event, ecs, acs) => {
@@ -463,6 +470,8 @@ const vAdjust = {
   mounted(el, binding) {
     const value = binding.value;
     const often = value.often;
+    const onChange = value.onChange;
+    delete value.onChange;
     delete value.often;
     if (value && Object.keys(value).length > 0) {
       let getVobj = function(e) {
@@ -485,9 +494,11 @@ const vAdjust = {
       }, remove = function() {
         bodyStyle.cursor = cursor;
         status = true;
+        if (isCur) {
+          setCss(getDomHeight(), "display", "none");
+          setCss(getDomWidth(), "display", "none");
+        }
         isCur = false;
-        setCss(getDomHeight(), "display", "none");
-        setCss(getDomWidth(), "display", "none");
       };
       const arr = getArr(value, el);
       let vobj;
@@ -519,6 +530,14 @@ const vAdjust = {
       const handleMouseUp = (event) => {
         if (isCur) {
           vobj.setMouseup(mousedownEvent, event, ecs, acs);
+          if (onChange && typeof onChange == "function") {
+            onChange(vobj, {
+              start: mousedownEvent,
+              end: event,
+              startPosit: ecs,
+              endPosit: getPosition(vobj.el)
+            });
+          }
         }
         remove();
       };

package/dist/directives/drag/index.cjs

@@ -68,9 +68,15 @@ const vDrag = {
   name: "Drag",
   mounted(el, binding) {
     const value = binding.value;
-    let dom = el;
-    if (value.dom && typeof value.dom == "string") {
-      dom = el.querySelector(value.dom);
+    let dom;
+    if (value.dom) {
+      if (typeof value.dom == "string") {
+        dom = el.querySelector(value.dom);
+      } else {
+        dom = value.dom;
+      }
+    } else {
+      dom = el;
     }
     setDom(dom, el, value);
   }

package/dist/directives/drag/index.d.ts

@@ -1,6 +1,7 @@
 import { Directive } from 'vue';
 /**
  *  Drag
+ *  ��ק
  */
 declare const _default: Directive;
 export default _default;

package/dist/directives/drag/index.js

@@ -66,9 +66,15 @@ const vDrag = {
   name: "Drag",
   mounted(el, binding) {
     const value = binding.value;
-    let dom = el;
-    if (value.dom && typeof value.dom == "string") {
-      dom = el.querySelector(value.dom);
+    let dom;
+    if (value.dom) {
+      if (typeof value.dom == "string") {
+        dom = el.querySelector(value.dom);
+      } else {
+        dom = value.dom;
+      }
+    } else {
+      dom = el;
     }
     setDom(dom, el, value);
   }

package/dist/directives/expose/index.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const hasOwn = require("@fangzhongya/utils/basic/object/hasOwn");
 const vExpose = {
   name: "expose",
   created(el, binding, vnode) {
@@ -12,7 +13,7 @@ const vExpose = {
           instance[value] = exposed;
         } else {
           Object.keys(exposed).forEach((key) => {
-            if (!instance[key]) {
+            if (!hasOwn.hasOwn(instance, key)) {
               instance[key] = exposed[key];
             }
           });

package/dist/directives/expose/index.js

@@ -1,3 +1,4 @@
+import { hasOwn } from "@fangzhongya/utils/basic/object/hasOwn";
 const vExpose = {
   name: "expose",
   created(el, binding, vnode) {
@@ -10,7 +11,7 @@ const vExpose = {
           instance[value] = exposed;
         } else {
           Object.keys(exposed).forEach((key) => {
-            if (!instance[key]) {
+            if (!hasOwn(instance, key)) {
               instance[key] = exposed[key];
             }
           });

package/dist/directives/scroll/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index = {
+const vScroll = {
   name: "scroll",
   mounted(el, binding) {
     let t;
@@ -32,4 +32,4 @@ const index = {
     );
   }
 };
-exports.default = index;
+exports.default = vScroll;

package/dist/directives/scroll/index.js

@@ -1,4 +1,4 @@
-const index = {
+const vScroll = {
   name: "scroll",
   mounted(el, binding) {
     let t;
@@ -31,5 +31,5 @@ const index = {
   }
 };
 export {
-  index as default
+  vScroll as default
 };

package/dist/directives/stick/index.cjs

@@ -61,9 +61,15 @@ const vStick = {
   name: "Stick",
   mounted(el, binding) {
     const value = binding.value;
-    let dom = el;
-    if (value.dom && typeof value.dom == "string") {
-      dom = el.querySelector(value.dom);
+    let dom;
+    if (value.dom) {
+      if (typeof value.dom == "string") {
+        dom = el.querySelector(value.dom);
+      } else {
+        dom = value.dom;
+      }
+    } else {
+      dom = el;
     }
     setDom(dom, el, value);
   }

package/dist/directives/stick/index.d.ts

@@ -1,6 +1,7 @@
 import { Directive } from 'vue';
 /**
  *  Stick
+ *  贴边框
  */
 declare const _default: Directive;
 export default _default;

package/dist/directives/stick/index.js

@@ -59,9 +59,15 @@ const vStick = {
   name: "Stick",
   mounted(el, binding) {
     const value = binding.value;
-    let dom = el;
-    if (value.dom && typeof value.dom == "string") {
-      dom = el.querySelector(value.dom);
+    let dom;
+    if (value.dom) {
+      if (typeof value.dom == "string") {
+        dom = el.querySelector(value.dom);
+      } else {
+        dom = value.dom;
+      }
+    } else {
+      dom = el;
     }
     setDom(dom, el, value);
   }

package/dist/expand/{chunk-ZHEIZG54.js → chunk-GHD7OA3U.js}

@@ -1,22 +1,31 @@
 // expand/config.ts
 var config_default = {
   "components": [
+    "cs-config",
     "cs-emits",
     "cs-expose",
     "cs-i18n",
     "cs-props",
     "cs-slot",
     "cs-title",
+    "dialog",
     "button",
+    "card",
+    "collapse",
+    "collapse-item",
+    "color-picker",
     "config-provider",
     "alert",
-    "dialog",
+    "divider",
     "drawer",
     "loading",
     "message",
     "message-box",
     "popconfirm",
+    "popover",
     "tooltip",
+    "cascader",
+    "cascader-panel",
     "checkbox",
     "checkbox-group",
     "date-picker",
@@ -31,8 +40,10 @@ var config_default = {
     "option",
     "option-group",
     "select",
+    "slider",
     "switch",
     "upload",
+    "image",
     "dropdown",
     "dropdown-item",
     "dropdown-menu",
@@ -40,12 +51,12 @@ var config_default = {
     "tabs",
     "pagination",
     "tree",
+    "tree-select",
     "forms",
+    "forms-div",
+    "forms-drag",
     "forms-item",
-    "checks",
-    "date",
-    "inputs",
-    "selects",
+    "forms-items",
     "box",
     "box-adjust",
     "box-local",
@@ -53,11 +64,57 @@ var config_default = {
     "box-teleport",
     "box-title",
     "popup",
+    "right-key",
     "stick-div",
     "stick-edge",
     "stick-window",
     "window",
-    "global-config"
+    "global-config",
+    "icon",
+    "icon-picker",
+    "iframe",
+    "lists",
+    "menu",
+    "page",
+    "retract",
+    "choice-select",
+    "company-select",
+    "department-select",
+    "role-select",
+    "select-dialog",
+    "select-popover",
+    "tree-select-box",
+    "user-select",
+    "array",
+    "buttons",
+    "cascaders",
+    "checks",
+    "date",
+    "dates",
+    "dates-divide",
+    "dates-picker",
+    "edit",
+    "edit-float",
+    "history",
+    "images",
+    "input-array",
+    "input-history",
+    "input-num",
+    "input-select",
+    "inputs",
+    "labels",
+    "select-scroll",
+    "selector",
+    "selects",
+    "switchs",
+    "text",
+    "el-tables",
+    "pagin",
+    "table-list",
+    "tables",
+    "tables-form",
+    "tables-pagin",
+    "vxe-tables"
   ],
   "directives": [
     "adjust",
@@ -69,16 +126,7 @@ var config_default = {
     "v-loading"
   ],
   "sideEffects": [
-    "global-config",
-    "cs-title",
-    "box",
-    "box-adjust",
-    "box-local",
-    "box-mask",
-    "box-title",
-    "popup",
-    "window",
-    "drawer"
+    "cs-title"
   ]
 };
 

package/dist/expand/{chunk-QEPARHHX.cjs → chunk-JPK7ZE75.cjs}

@@ -1,22 +1,31 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// expand/config.ts
 var config_default = {
   "components": [
+    "cs-config",
     "cs-emits",
     "cs-expose",
     "cs-i18n",
     "cs-props",
     "cs-slot",
     "cs-title",
+    "dialog",
     "button",
+    "card",
+    "collapse",
+    "collapse-item",
+    "color-picker",
     "config-provider",
     "alert",
-    "dialog",
+    "divider",
     "drawer",
     "loading",
     "message",
     "message-box",
     "popconfirm",
+    "popover",
     "tooltip",
+    "cascader",
+    "cascader-panel",
     "checkbox",
     "checkbox-group",
     "date-picker",
@@ -31,8 +40,10 @@ var config_default = {
     "option",
     "option-group",
     "select",
+    "slider",
     "switch",
     "upload",
+    "image",
     "dropdown",
     "dropdown-item",
     "dropdown-menu",
@@ -40,12 +51,12 @@ var config_default = {
     "tabs",
     "pagination",
     "tree",
+    "tree-select",
     "forms",
+    "forms-div",
+    "forms-drag",
     "forms-item",
-    "checks",
-    "date",
-    "inputs",
-    "selects",
+    "forms-items",
     "box",
     "box-adjust",
     "box-local",
@@ -53,11 +64,57 @@ var config_default = {
     "box-teleport",
     "box-title",
     "popup",
+    "right-key",
     "stick-div",
     "stick-edge",
     "stick-window",
     "window",
-    "global-config"
+    "global-config",
+    "icon",
+    "icon-picker",
+    "iframe",
+    "lists",
+    "menu",
+    "page",
+    "retract",
+    "choice-select",
+    "company-select",
+    "department-select",
+    "role-select",
+    "select-dialog",
+    "select-popover",
+    "tree-select-box",
+    "user-select",
+    "array",
+    "buttons",
+    "cascaders",
+    "checks",
+    "date",
+    "dates",
+    "dates-divide",
+    "dates-picker",
+    "edit",
+    "edit-float",
+    "history",
+    "images",
+    "input-array",
+    "input-history",
+    "input-num",
+    "input-select",
+    "inputs",
+    "labels",
+    "select-scroll",
+    "selector",
+    "selects",
+    "switchs",
+    "text",
+    "el-tables",
+    "pagin",
+    "table-list",
+    "tables",
+    "tables-form",
+    "tables-pagin",
+    "vxe-tables"
   ],
   "directives": [
     "adjust",
@@ -69,16 +126,7 @@ var config_default = {
     "v-loading"
   ],
   "sideEffects": [
-    "global-config",
-    "cs-title",
-    "box",
-    "box-adjust",
-    "box-local",
-    "box-mask",
-    "box-title",
-    "popup",
-    "window",
-    "drawer"
+    "cs-title"
   ]
 };
 

package/dist/expand/components.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQEPARHHXcjs = require('./chunk-QEPARHHX.cjs');
+var _chunkJPK7ZE75cjs = require('./chunk-JPK7ZE75.cjs');
 
 // expand/components.ts
 var _humpToLine = require('@fangzhongya/utils/name/humpToLine');
@@ -29,11 +29,11 @@ function namefilter(c, name) {
 function getFrom(mc, type) {
   const filename = mc.replace(new RegExp("^" + config.prefix + "-"), "");
   if (type == 1) {
-    if (_chunkQEPARHHXcjs.config_default.components.includes(filename)) {
+    if (_chunkJPK7ZE75cjs.config_default.components.includes(filename)) {
       const name = _lineToLargeHump.lineToLargeHump.call(void 0, mc);
       const from = `${config.name}/components/${filename}/index`;
       let sideEffects;
-      if (_chunkQEPARHHXcjs.config_default.sideEffects.includes(filename)) {
+      if (_chunkJPK7ZE75cjs.config_default.sideEffects.includes(filename)) {
         sideEffects = `${config.name}/components/${filename}/index.scss`;
       }
       return {
@@ -45,14 +45,14 @@ function getFrom(mc, type) {
       return;
     }
   } else {
-    if (_chunkQEPARHHXcjs.config_default.directives.includes(filename)) {
+    if (_chunkJPK7ZE75cjs.config_default.directives.includes(filename)) {
       const name = "default";
       const from = `${config.name}/directives/${filename}/index`;
       return {
         name,
         from
       };
-    } else if (_chunkQEPARHHXcjs.config_default.directives.includes("v-" + filename)) {
+    } else if (_chunkJPK7ZE75cjs.config_default.directives.includes("v-" + filename)) {
       const name = "default";
       const from = `${config.name}/directives/${"v-" + filename}/index`;
       return {

package/dist/expand/components.js

@@ -1,6 +1,6 @@
 import {
   config_default
-} from "./chunk-ZHEIZG54.js";
+} from "./chunk-GHD7OA3U.js";
 
 // expand/components.ts
 import { humpToLine } from "@fangzhongya/utils/name/humpToLine";

package/dist/expand/config.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQEPARHHXcjs = require('./chunk-QEPARHHX.cjs');
+var _chunkJPK7ZE75cjs = require('./chunk-JPK7ZE75.cjs');
 
 
-exports.default = _chunkQEPARHHXcjs.config_default;
+exports.default = _chunkJPK7ZE75cjs.config_default;

package/dist/expand/config.js

@@ -1,6 +1,6 @@
 import {
   config_default
-} from "./chunk-ZHEIZG54.js";
+} from "./chunk-GHD7OA3U.js";
 export {
   config_default as default
 };

package/dist/hooks/cssname/index.cjs

@@ -1,37 +1,57 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index = require("../global-config/index.cjs");
+const humpToLine = require("@fangzhongya/utils/name/humpToLine");
 const enums = require("../../utils/enums.cjs");
-const defaultNamespace = enums.DefaultConfig.alias;
-const statePrefix = "is";
-function getClassName(cssname, block, blockSuffix, element, modifier) {
-  let cls = "";
-  if (cssname) {
-    cls = `${cssname}-`;
+const com = {
+  common: "-",
+  element: "__",
+  modifier: "--",
+  state: "is-"
+};
+function getName() {
+  const alias = enums.DefaultConfig.alias;
+  const namespace = index.useGlobalConfig("cssname", enums.DefaultConfig.namespace).value;
+  if (alias) {
+    if (namespace) {
+      return namespace + com.common + alias + com.common;
+    } else {
+      return alias + com.common;
+    }
+  } else {
+    if (namespace) {
+      return namespace + com.common;
+    } else {
+      return "";
+    }
   }
-  cls += block;
+}
+function getClassName(block, blockSuffix, element, modifier) {
+  let cls = getName() + block;
   if (blockSuffix) {
-    cls += `-${blockSuffix}`;
+    cls += `${com.common}${blockSuffix}`;
   }
   if (element) {
-    cls += `__${element}`;
+    cls += `${com.element}${element}`;
   }
   if (modifier) {
-    cls += `--${modifier}`;
+    cls += `${com.modifier}${modifier}`;
   }
   return cls;
 }
 const useCssName = (block) => {
-  const cssname = index.useGlobalConfig("cssname", defaultNamespace);
-  const z = (blockSuffix = "", element = "", modifier = "") => getClassName(cssname.value, block, blockSuffix, element, modifier);
+  const z = (blockSuffix = "", element = "", modifier = "") => getClassName(block, blockSuffix, element, modifier);
   const is = (name, state) => {
-    return name && state ? `${statePrefix}${name}` : "";
+    return name && state ? `${com.state}${name}` : "";
+  };
+  const zis = (blockSuffix = "", modifier = "", state) => {
+    return state ? z(blockSuffix, "", modifier) : "";
   };
   const vo = (object) => {
     const styles = {};
     for (const key in object) {
       if (object[key]) {
-        styles[`--${cssname.value}-${key}`] = object[key];
+        styles[`--${getName() + humpToLine.humpToLine(key)}`] = object[key];
       }
     }
     return styles;
@@ -40,17 +60,18 @@ const useCssName = (block) => {
     const styles = {};
     for (const key in object) {
       if (object[key]) {
-        styles[`--${cssname.value}-${block}-${key}`] = object[key];
+        styles[`--${getName() + block + com.common + humpToLine.humpToLine(key)}`] = object[key];
       }
     }
     return styles;
   };
-  const vm = (name) => `--${cssname.value}-${name}`;
-  const vdm = (name) => `--${cssname.value}-${block}-${name}`;
+  const vm = (name) => `--${getName() + name}`;
+  const vdm = (name) => `--${getName() + block + com.common + name}`;
   return {
-    name: cssname,
+    name: getName(),
     z,
     is,
+    zis,
     vo,
     vm,
     vdo,

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

@@ -1,10 +1,11 @@
 export declare const useCssName: (block: string) => {
-    name: import('vue').Ref<string, string>;
+    name: string;
     z: (blockSuffix?: string, element?: string, modifier?: string) => string;
     is: (name: string, state?: boolean) => string;
+    zis: (blockSuffix?: string, modifier?: string, state?: boolean) => string;
     vo: (object: Record<string, string>) => Record<string, string>;
     vm: (name: string) => string;
-    vdo: (object: Record<string, string>) => Record<string, string>;
+    vdo: (object: Record<string, string | undefined>) => Record<string, string>;
     vdm: (name: string) => string;
 };
 export type UseCssNameReturn = ReturnType<typeof useCssName>;