@fangzhongya/fang-ui 0.1.9 → 0.1.11

package/dist/hooks/cssname/index.js

@@ -27,8 +27,8 @@ function getName() {
     }
   }
 }
-function getClassName(block, blockSuffix, element, modifier) {
-  let cls = getName() + block;
+function connected(block, blockSuffix, element, modifier) {
+  let cls = block;
   if (blockSuffix) {
     cls += `${com.common}${blockSuffix}`;
   }
@@ -40,6 +40,10 @@ function getClassName(block, blockSuffix, element, modifier) {
   }
   return cls;
 }
+function getClassName(block, blockSuffix, element, modifier) {
+  let cls = getName() + block;
+  return connected(cls, blockSuffix, element, modifier);
+}
 function getElSpace() {
   const namespace = useGlobalConfig(
     "namespace",
@@ -56,29 +60,11 @@ const useCssName = (block) => {
   const e = () => getElSpace();
   const el = (blockSuffix = "", element = "", modifier = "") => {
     let cls = e() + block;
-    if (blockSuffix) {
-      cls += `${com.common}${blockSuffix}`;
-    }
-    if (element) {
-      cls += `${com.element}${element}`;
-    }
-    if (modifier) {
-      cls += `${com.modifier}${modifier}`;
-    }
-    return cls;
+    return connected(cls, blockSuffix, element, modifier);
   };
   const ec = (name = "", blockSuffix = "", element = "", modifier = "") => {
     let cls = e() + name;
-    if (blockSuffix) {
-      cls += `${com.common}${blockSuffix}`;
-    }
-    if (element) {
-      cls += `${com.element}${element}`;
-    }
-    if (modifier) {
-      cls += `${com.modifier}${modifier}`;
-    }
-    return cls;
+    return connected(cls, blockSuffix, element, modifier);
   };
   const zis = (blockSuffix = "", modifier = "", state) => {
     return state ? z(blockSuffix, "", modifier) : "";
@@ -105,6 +91,8 @@ const useCssName = (block) => {
   const vdm = (name) => `--${getName() + block + com.common + name}`;
   return {
     name: getName(),
+    cn: getClassName,
+    co: connected,
     c,
     z,
     e,

package/dist/hooks/default-config/index.cjs

@@ -1 +1,25 @@
 "use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../global-config/index.cjs");
+function useDefaultConfig(key, keys = {}, value) {
+  const defaultConfig = index.useGlobalConfig("defaultConfig", {});
+  if (typeof key == "string") {
+    defaultConfig.value[key] = defaultConfig.value[key] || {};
+    if (typeof keys == "string") {
+      defaultConfig.value[key][keys] = value;
+    } else {
+      Object.keys(keys).forEach((k) => {
+        defaultConfig.value[key][k] = keys[k];
+      });
+    }
+  } else {
+    Object.keys(key).forEach((k) => {
+      defaultConfig.value[k] = key[k];
+    });
+  }
+}
+function useDefaultConfigs(value) {
+  index.setGlobalConfig(value, "defaultConfig");
+}
+exports.useDefaultConfig = useDefaultConfig;
+exports.useDefaultConfigs = useDefaultConfigs;

package/dist/hooks/default-config/index.d.ts

@@ -1 +1,2 @@
-export {};
+export declare function useDefaultConfig(key: string | ObjAny, keys?: string | ObjAny, value?: any): void;
+export declare function useDefaultConfigs(value: ObjAny): void;

package/dist/hooks/default-config/index.js

@@ -1 +1,25 @@
-
+import { useGlobalConfig, setGlobalConfig } from "../global-config/index.js";
+function useDefaultConfig(key, keys = {}, value) {
+  const defaultConfig = useGlobalConfig("defaultConfig", {});
+  if (typeof key == "string") {
+    defaultConfig.value[key] = defaultConfig.value[key] || {};
+    if (typeof keys == "string") {
+      defaultConfig.value[key][keys] = value;
+    } else {
+      Object.keys(keys).forEach((k) => {
+        defaultConfig.value[key][k] = keys[k];
+      });
+    }
+  } else {
+    Object.keys(key).forEach((k) => {
+      defaultConfig.value[k] = key[k];
+    });
+  }
+}
+function useDefaultConfigs(value) {
+  setGlobalConfig(value, "defaultConfig");
+}
+export {
+  useDefaultConfig,
+  useDefaultConfigs
+};

package/dist/hooks/global-config/index.cjs

@@ -28,9 +28,17 @@ function setGlobalConfig(obj, key) {
       globalConfig.value
     );
   } else {
-    globalConfig.value = obj;
+    const v = obj;
+    Object.keys(v).forEach((key2) => {
+      const k = key2;
+      const z = v[k];
+      globalConfig.value = setValue(z, k, globalConfig.value);
+    });
   }
 }
+function setGlobalConfigs(obj) {
+  globalConfig.value = obj;
+}
 function provideGlobalConfig(config, app, global = false) {
   const inSetup = !!vue.getCurrentInstance();
   const oldConfig = inSetup ? useGlobalConfig() : void 0;
@@ -61,4 +69,5 @@ function mergeConfig(a, b) {
 }
 exports.provideGlobalConfig = provideGlobalConfig;
 exports.setGlobalConfig = setGlobalConfig;
+exports.setGlobalConfigs = setGlobalConfigs;
 exports.useGlobalConfig = useGlobalConfig;

package/dist/hooks/global-config/index.d.ts

@@ -9,4 +9,5 @@ export declare function useGlobalConfig(): Ref<DataProps>;
  * @param key
  */
 export declare function setGlobalConfig(obj: DataProps | DataProps[keyof DataProps], key?: keyof DataProps): void;
+export declare function setGlobalConfigs(obj: DataProps): void;
 export declare function provideGlobalConfig(config: MaybeRef<DataProps>, app?: App, global?: boolean): ComputedRef<Readonly<DataProps>>;

package/dist/hooks/global-config/index.js

@@ -26,9 +26,17 @@ function setGlobalConfig(obj, key) {
       globalConfig.value
     );
   } else {
-    globalConfig.value = obj;
+    const v = obj;
+    Object.keys(v).forEach((key2) => {
+      const k = key2;
+      const z = v[k];
+      globalConfig.value = setValue(z, k, globalConfig.value);
+    });
   }
 }
+function setGlobalConfigs(obj) {
+  globalConfig.value = obj;
+}
 function provideGlobalConfig(config, app, global = false) {
   const inSetup = !!getCurrentInstance();
   const oldConfig = inSetup ? useGlobalConfig() : void 0;
@@ -60,5 +68,6 @@ function mergeConfig(a, b) {
 export {
   provideGlobalConfig,
   setGlobalConfig,
+  setGlobalConfigs,
   useGlobalConfig
 };

package/dist/hooks/index.cjs

@@ -1,23 +1,30 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index = require("./cssname/index.cjs");
-require("./default-config/index.cjs");
-const index$1 = require("./event-aliass/index.cjs");
-const index$2 = require("./expose/index.cjs");
-const index$3 = require("./full-screen/index.cjs");
-const index$4 = require("./global-config/index.cjs");
-const index$5 = require("./inherit/index.cjs");
-const index$6 = require("./locale/index.cjs");
+const index$1 = require("./default-config/index.cjs");
+const index$2 = require("./event-aliass/index.cjs");
+const index$3 = require("./expose/index.cjs");
+const index$4 = require("./full-screen/index.cjs");
+const index$5 = require("./global-config/index.cjs");
+const index$6 = require("./inherit/index.cjs");
+const index$7 = require("./locale/index.cjs");
+const index$8 = require("./props-default/index.cjs");
 exports.useCssName = index.useCssName;
-exports.eventAliass = index$1.eventAliass;
-exports.useExpose = index$2.useExpose;
-exports.useFullscreen = index$3.useFullscreen;
-exports.provideGlobalConfig = index$4.provideGlobalConfig;
-exports.setGlobalConfig = index$4.setGlobalConfig;
-exports.useGlobalConfig = index$4.useGlobalConfig;
-exports.useAttrValue = index$5.useAttrValue;
-exports.useInherit = index$5.useInherit;
-exports.buildLocaleAdd = index$6.buildLocaleAdd;
-exports.buildLocaleContext = index$6.buildLocaleContext;
-exports.buildTranslator = index$6.buildTranslator;
-exports.useLocale = index$6.useLocale;
+exports.useDefaultConfig = index$1.useDefaultConfig;
+exports.useDefaultConfigs = index$1.useDefaultConfigs;
+exports.eventAliass = index$2.eventAliass;
+exports.useExpose = index$3.useExpose;
+exports.useFullscreen = index$4.useFullscreen;
+exports.provideGlobalConfig = index$5.provideGlobalConfig;
+exports.setGlobalConfig = index$5.setGlobalConfig;
+exports.setGlobalConfigs = index$5.setGlobalConfigs;
+exports.useGlobalConfig = index$5.useGlobalConfig;
+exports.useAttrValue = index$6.useAttrValue;
+exports.useInherit = index$6.useInherit;
+exports.buildLocaleAdd = index$7.buildLocaleAdd;
+exports.buildLocaleContext = index$7.buildLocaleContext;
+exports.buildTranslator = index$7.buildTranslator;
+exports.useLocale = index$7.useLocale;
+exports.getProps = index$8.getProps;
+exports.usePropsDefault = index$8.usePropsDefault;
+exports.viewProps = index$8.viewProps;

package/dist/hooks/index.d.ts

@@ -6,3 +6,4 @@ export * from './full-screen';
 export * from './global-config';
 export * from './inherit';
 export * from './locale';
+export * from './props-default';

package/dist/hooks/index.js

@@ -1,23 +1,30 @@
 import { useCssName } from "./cssname/index.js";
-import "./default-config/index.js";
+import { useDefaultConfig, useDefaultConfigs } from "./default-config/index.js";
 import { eventAliass } from "./event-aliass/index.js";
 import { useExpose } from "./expose/index.js";
 import { useFullscreen } from "./full-screen/index.js";
-import { provideGlobalConfig, setGlobalConfig, useGlobalConfig } from "./global-config/index.js";
+import { provideGlobalConfig, setGlobalConfig, setGlobalConfigs, useGlobalConfig } from "./global-config/index.js";
 import { useAttrValue, useInherit } from "./inherit/index.js";
 import { buildLocaleAdd, buildLocaleContext, buildTranslator, useLocale } from "./locale/index.js";
+import { getProps, usePropsDefault, viewProps } from "./props-default/index.js";
 export {
   buildLocaleAdd,
   buildLocaleContext,
   buildTranslator,
   eventAliass,
+  getProps,
   provideGlobalConfig,
   setGlobalConfig,
+  setGlobalConfigs,
   useAttrValue,
   useCssName,
+  useDefaultConfig,
+  useDefaultConfigs,
   useExpose,
   useFullscreen,
   useGlobalConfig,
   useInherit,
-  useLocale
+  useLocale,
+  usePropsDefault,
+  viewProps
 };

package/dist/hooks/inherit/index.cjs

@@ -2,9 +2,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 require("../../utils/index.cjs");
+const index = require("../attrs-default/index.cjs");
 const humpToLine = require("@fangzhongya/utils/name/humpToLine");
 const roots = ["class", "style"];
-const useInherit = (attrs = vue.useAttrs()) => {
+const useInherit = (attrs = vue.useAttrs(), name) => {
+  if (name) {
+    attrs = index.useAttrsDefault(name, attrs);
+  }
   const root = {};
   const assem = {};
   Object.keys(attrs).forEach((key) => {

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

@@ -5,7 +5,7 @@ export interface Assem {
 type Data = Record<string | symbol, unknown>;
 export declare const useInherit: (attrs?: {
     [x: string]: unknown;
-}) => {
+}, name?: string) => {
     root: Data;
     assem: Assem;
 };

package/dist/hooks/inherit/index.js

@@ -1,8 +1,12 @@
 import { useAttrs } from "vue";
 import "../../utils/index.js";
+import { useAttrsDefault } from "../attrs-default/index.js";
 import { humpToLine } from "@fangzhongya/utils/name/humpToLine";
 const roots = ["class", "style"];
-const useInherit = (attrs = useAttrs()) => {
+const useInherit = (attrs = useAttrs(), name) => {
+  if (name) {
+    attrs = useAttrsDefault(name, attrs);
+  }
   const root = {};
   const assem = {};
   Object.keys(attrs).forEach((key) => {

package/dist/hooks/props-default/index.cjs

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../global-config/index.cjs");
+function getProps(props) {
+  if (!index.useGlobalConfig("isPropsConfig").value) {
+    return props;
+  }
+  const value = {};
+  Object.keys(props).forEach((key) => {
+    const v = props[key];
+    if (v && typeof v === "object" && "default" in v) {
+      const { default: _, ...rest } = v;
+      value[key] = rest;
+    } else {
+      value[key] = v;
+    }
+  });
+  return value;
+}
+function usePropsDefault(key, props, dataProps = {}, keyObj) {
+  if (!index.useGlobalConfig("isPropsConfig").value) {
+    if (keyObj) {
+      const keys = Object.keys(keyObj);
+      if (keys.length > 0) {
+        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];
+          }
+        });
+      }
+    }
+    return props;
+  }
+  const defaultConfig = index.useGlobalConfig("defaultConfig", {});
+  const value = defaultConfig.value[key] || {};
+  const getValue = (k) => {
+    var _a;
+    const v = value[k] ?? index.useGlobalConfig(k).value;
+    if (v === void 0) {
+      if (keyObj && keyObj[k]) {
+        if (typeof keyObj[k] === "function") {
+          return keyObj[k]();
+        } else {
+          return keyObj[k];
+        }
+      }
+      if (dataProps[k]) {
+        const d = dataProps[k]["default"];
+        if (d !== void 0) {
+          if (typeof ((_a = dataProps[k]) == null ? void 0 : _a.type()) === "function") {
+            return d;
+          } else if (typeof d === "function") {
+            return d();
+          }
+          return d;
+        }
+      }
+    }
+    return v;
+  };
+  return new Proxy(props, {
+    get(target, propKey) {
+      const v = target[propKey];
+      if (v === void 0) {
+        if (typeof propKey === "string") {
+          return getValue(propKey);
+        }
+      }
+      return v;
+    }
+  });
+}
+function viewProps(target, name = "") {
+  if (false) {
+    const props = !index.useGlobalConfig("isPropsConfig").value ? target : new Proxy(
+      { ...target },
+      {
+        get(obj, prop) {
+          return target[prop];
+        }
+      }
+    );
+    console.log(name + " props", props);
+    return props;
+  }
+}
+exports.getProps = getProps;
+exports.usePropsDefault = usePropsDefault;
+exports.viewProps = viewProps;

package/dist/hooks/props-default/index.d.ts

@@ -0,0 +1,16 @@
+export declare function getProps<T extends Record<string, any>>(props: T): T;
+/**
+ * 获取全局配置参数默认参数
+ * @param key
+ * @param props
+ * @param keyObj
+ * @param dataProps
+ * @returns
+ */
+export declare function usePropsDefault<T extends Record<string | symbol, any>>(key: string, props: T, dataProps?: ObjAny, keyObj?: ObjAny): T;
+/**
+ * 查看数据
+ * @param target
+ * @returns
+ */
+export declare function viewProps<T extends Record<string | symbol, any>>(target: T, name?: string): T | undefined;

package/dist/hooks/props-default/index.js

@@ -0,0 +1,96 @@
+import { useGlobalConfig } from "../global-config/index.js";
+function getProps(props) {
+  if (!useGlobalConfig("isPropsConfig").value) {
+    return props;
+  }
+  const value = {};
+  Object.keys(props).forEach((key) => {
+    const v = props[key];
+    if (v && typeof v === "object" && "default" in v) {
+      const { default: _, ...rest } = v;
+      value[key] = rest;
+    } else {
+      value[key] = v;
+    }
+  });
+  return value;
+}
+function usePropsDefault(key, props, dataProps = {}, keyObj) {
+  if (!useGlobalConfig("isPropsConfig").value) {
+    if (keyObj) {
+      const keys = Object.keys(keyObj);
+      if (keys.length > 0) {
+        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];
+          }
+        });
+      }
+    }
+    return props;
+  }
+  const defaultConfig = useGlobalConfig("defaultConfig", {});
+  const value = defaultConfig.value[key] || {};
+  const getValue = (k) => {
+    var _a;
+    const v = value[k] ?? useGlobalConfig(k).value;
+    if (v === void 0) {
+      if (keyObj && keyObj[k]) {
+        if (typeof keyObj[k] === "function") {
+          return keyObj[k]();
+        } else {
+          return keyObj[k];
+        }
+      }
+      if (dataProps[k]) {
+        const d = dataProps[k]["default"];
+        if (d !== void 0) {
+          if (typeof ((_a = dataProps[k]) == null ? void 0 : _a.type()) === "function") {
+            return d;
+          } else if (typeof d === "function") {
+            return d();
+          }
+          return d;
+        }
+      }
+    }
+    return v;
+  };
+  return new Proxy(props, {
+    get(target, propKey) {
+      const v = target[propKey];
+      if (v === void 0) {
+        if (typeof propKey === "string") {
+          return getValue(propKey);
+        }
+      }
+      return v;
+    }
+  });
+}
+function viewProps(target, name = "") {
+  if (false) {
+    const props = !useGlobalConfig("isPropsConfig").value ? target : new Proxy(
+      { ...target },
+      {
+        get(obj, prop) {
+          return target[prop];
+        }
+      }
+    );
+    console.log(name + " props", props);
+    return props;
+  }
+}
+export {
+  getProps,
+  usePropsDefault,
+  viewProps
+};

package/dist/icons/index.json

@@ -1,7 +1,7 @@
 {
     "prefix": "fang-ui",
     "info": {},
-    "lastModified": 1762575116307,
+    "lastModified": 1762700993041,
     "icons": {
         "bar": {
             "body": " <path fill=\"currentColor\" d=\"M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z\" ></path> "

package/dist/index.css

@@ -1059,19 +1059,53 @@
 }
 .list-div .list-table .list-table-auto {
   width: 100%;
+  height: 100%;
   display: inline-flex;
   word-break: break-all;
 }
 .list-div .list-table .list-table-auto .list-table-td {
   flex: 1;
 }
-.list-div .list-table .list-table-auto .is-width .list-table-label {
-  word-break: break-all;
-  white-space: normal;
+.list-div .list-table .list-table-auto .list-table-th.itemscenter {
+  display: inline-flex;
+  align-items: center;
+}
+.list-div .list-table .list-table-auto .list-table-th.itemsend {
+  display: inline-flex;
+  align-items: end;
+}
+.list-div .list-table .list-table-auto .list-table-th.alignright {
+  display: inline-flex;
+  justify-content: end;
+}
+.list-div .list-table .list-table-auto .list-table-th.aligncenter {
+  display: inline-flex;
+  justify-content: center;
+}
+.list-div .list-table .list-table-auto .list-table-td.itemscenter {
+  display: inline-flex;
+  align-items: center;
+}
+.list-div .list-table .list-table-auto .list-table-td.itemsend {
+  display: inline-flex;
+  align-items: end;
+}
+.list-div .list-table .list-table-auto .list-table-td.alignright {
+  display: inline-flex;
+  justify-content: end;
+}
+.list-div .list-table .list-table-auto .list-table-td.aligncenter {
+  display: inline-flex;
+  justify-content: center;
 }
 .list-div .list-table .list-table-auto .list-table-label {
   white-space: nowrap;
 }
+.list-div .list-table .is-width .list-table-label {
+  word-break: break-all;
+  white-space: normal;
+  display: block;
+}
 .list-div .list-table .list-table-th {
   text-align: left;
 }
@@ -1148,8 +1182,12 @@
 }
 
 .paging {
+  width: 100%;
   padding: 10px;
 }
+.paging-pagination {
+  width: 100%;
+}
 .paging-slot {
   padding-left: 10px;
   font-size: 14px;
@@ -1734,4 +1772,26 @@
   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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.1.9",
+  "version": "0.1.11",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -24,13 +24,13 @@
     "fangui": "bin/fang-ui.js"
   },
   "dependencies": {
-    "@fangzhongya/utils": "0.0.41"
+    "@fangzhongya/utils": "0.0.43"
   },
   "devDependencies": {
     "@fangzhongya/create": "0.2.39",
     "@types/node": "^24.10.0",
     "@vitejs/plugin-vue": "^6.0.1",
-    "@vue/shared": "3.5.23",
+    "@vue/shared": "3.5.24",
     "axios": "^1.13.2",
     "d3-timer": "3.0.1",
     "element-plus": "^2.11.7",
@@ -44,19 +44,19 @@
     "unplugin-vue-components": "30.0.0",
     "vite": "^6.3.5",
     "vitepress": "1.6.4",
-    "vitest": "^4.0.7",
-    "vue": "^3.5.23",
+    "vitest": "^4.0.8",
+    "vue": "^3.5.24",
     "vue-tsc": "^3.1.3",
     "vuedraggable": "4.1.0",
-    "vxe-table": "4.17.10",
-    "@fang-ui/components": "0.0.1-0",
+    "vxe-table": "4.17.12",
     "@fang-ui/hooks": "0.0.1-0",
+    "@fang-ui/components": "0.0.1-0",
     "@fang-ui/directives": "0.0.1-0",
+    "@fang-ui/locale": "0.0.1-0",
     "@fang-ui/icons": "0.0.1-0",
+    "@fang-ui/theme": "0.0.1-0",
     "@fang-ui/utils": "0.0.1-0",
-    "@fang-ui/locale": "0.0.1-0",
-    "@fang-ui/types": "0.0.1-0",
-    "@fang-ui/theme": "0.0.1-0"
+    "@fang-ui/types": "0.0.1-0"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",