@fangzhongya/fang-ui 0.1.10 → 0.1.12

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

@@ -13,13 +13,14 @@ import Mute from "../../../icons/vue/mute.js";
 import { Sliders } from "../../sliders/index.js";
 import { Button } from "../../button/index.js";
 import { Selects } from "../../selects/index.js";
-import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import "../../loading/index.js";
 import { hourFormat } from "@fangzhongya/utils/date/hourFormat";
 import { useFullscreen } from "../../../hooks/full-screen/index.js";
 import { getListValue } from "../../players/common/util.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { vLoading } from "element-plus/es/components/loading/index";
 const _hoisted_1 = ["src"];
 const _hoisted_2 = { class: "end-content" };
@@ -27,12 +28,14 @@ const _hoisted_3 = { class: "end-buttons" };
 const _hoisted_4 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
-  props: dataProps,
+  props: getProps(dataProps),
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = useLocale();
-    const cs = useCssName("videos");
-    const props = __props;
+    const cs = useCssName(name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     const { isFullscreen, toggle } = useFullscreen();
     const videoRef = ref(null);

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const buildProps = require("../../../utils/vues/buildProps.cjs");
 const definePropType = require("../../../utils/vues/definePropType.cjs");
 const data = require("../../box/src/data.cjs");
+const name = "window";
 const dataProps = buildProps.buildProps({
   ...data.dataProps,
   /**
@@ -94,3 +95,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

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

@@ -5,6 +5,10 @@ type Pallet = {
     remove: (s: symbol, t?: string) => void;
     [key: string]: any;
 };
+/**
+ * @title {h3}
+ */
+export declare const name = "window";
 export declare const dataProps: {
     /**
      * @props { String } drag='.box-title-name' ( )
@@ -128,5 +132,7 @@ export declare const dataSlot: {
 };
 /**
  */
-export declare const dataExpose: {};
+export declare const dataExpose: {
+    name: string;
+};
 export {};

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

@@ -1,6 +1,7 @@
 import { buildProps } from "../../../utils/vues/buildProps.js";
 import { definePropType } from "../../../utils/vues/definePropType.js";
 import { dataProps as dataProps$1, dataEmits as dataEmits$1, dataSlot as dataSlot$1, dataExpose as dataExpose$1 } from "../../box/src/data.js";
+const name = "window";
 const dataProps = buildProps({
   ...dataProps$1,
   /**
@@ -92,5 +93,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const index$5 = require("../../icon/index.cjs");
+const index$6 = require("../../icon/index.cjs");
 const bar = require("../../../icons/vue/bar.cjs");
 const frame = require("../../../icons/vue/frame.cjs");
 const star = require("../../../icons/vue/star.cjs");
@@ -10,30 +10,32 @@ const setCss = require("@fangzhongya/utils/css/setCss");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
-const index$7 = require("../../../directives/adjust/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$8 = require("../../../directives/adjust/index.cjs");
+const index$5 = require("../../box-title/index.cjs");
+const index$4 = require("../../box-mask/index.cjs");
+const index$3 = 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 index$7 = require("../../../directives/drag/index.cjs");
+const index$2 = require("../../../hooks/props-default/index.cjs");
+const data$1 = require("../../box-title/src/data.cjs");
 const _hoisted_1 = ["title"];
 const _hoisted_2 = ["title"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
-  props: data.dataProps,
+  props: index$2.getProps(data.dataProps),
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const wykey = Symbol("Window-" + (/* @__PURE__ */ new Date()).getTime() + Math.random());
     const refBody = vue.shallowRef();
     const { getLocale } = index.useLocale();
-    const cs = index$1.useCssName("window");
+    const cs = index$1.useCssName(data.name);
     const prs = __props;
-    const props = use.uesPropsDefault(prs, {
+    const props = index$2.usePropsDefault(data.name, prs, data.dataProps, {
       drag() {
-        return "." + cs.name + "box-title-name";
+        return "." + cs.cn(data$1.name, "name");
       }
     });
+    index$2.viewProps(props, data.name);
     const emit = __emit;
     const isMax = vue.shallowRef(props.max);
     const isMin = vue.shallowRef(false);
@@ -194,7 +196,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$2.BoxTeleport), {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.BoxTeleport), {
         disabled: vue.unref(props).disabled,
         to: vue.unref(props).to
       }, {
@@ -205,7 +207,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ref: refBox,
             class: vue.normalizeClass(vue.unref(cs).z())
           }, [
-            vue.unref(props).mask ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.BoxMask), {
+            vue.unref(props).mask ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.BoxMask), {
               key: 0,
               onClick: onMaskClose,
               cssprefix: vue.unref(props).cssprefix || vue.unref(cs).z()
@@ -216,7 +218,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               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$5.BoxTitle), {
                   onClose,
                   title: vue.unref(props).title
                 }, {
@@ -230,7 +232,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         vue.unref(cs).z("title-min")
                       ])
                     }, [
-                      vue.createVNode(vue.unref(index$5.Icon), null, {
+                      vue.createVNode(vue.unref(index$6.Icon), null, {
                         default: vue.withCtx(() => [
                           vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot)["icon-min"], {}, () => [
                             vue.createVNode(bar.default)
@@ -247,7 +249,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         vue.unref(cs).z("title-max")
                       ])
                     }, [
-                      vue.createVNode(vue.unref(index$5.Icon), null, {
+                      vue.createVNode(vue.unref(index$6.Icon), null, {
                         default: vue.withCtx(() => [
                           isMax.value ? vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot)["icon-full"], { key: 0 }, () => [
                             vue.createVNode(star.default)
@@ -269,11 +271,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ], 2),
               vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).footer)
             ], 2)), [
-              [vue.unref(index$6.default), {
+              [vue.unref(index$7.default), {
                 dom: vue.unref(props).drag,
                 onMousedown
               }],
-              [vue.unref(index$7.default), {
+              [vue.unref(index$8.default), {
                 often: vue.unref(props).often,
                 onChange: onChangeAdjust,
                 all: { position: true, getDisabled }

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

@@ -5,7 +5,7 @@ import Frame from "../../../icons/vue/frame.js";
 import Star from "../../../icons/vue/star.js";
 import { getCss } from "@fangzhongya/utils/css/getCss";
 import { setCss } from "@fangzhongya/utils/css/setCss";
-import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import vAdjust from "../../../directives/adjust/index.js";
@@ -14,24 +14,26 @@ 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";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { name as name$1 } from "../../box-title/src/data.js";
 const _hoisted_1 = ["title"];
 const _hoisted_2 = ["title"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
-  props: dataProps,
+  props: getProps(dataProps),
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const wykey = Symbol("Window-" + (/* @__PURE__ */ new Date()).getTime() + Math.random());
     const refBody = shallowRef();
     const { getLocale } = useLocale();
-    const cs = useCssName("window");
+    const cs = useCssName(name);
     const prs = __props;
-    const props = uesPropsDefault(prs, {
+    const props = usePropsDefault(name, prs, dataProps, {
       drag() {
-        return "." + cs.name + "box-title-name";
+        return "." + cs.cn(name$1, "name");
       }
     });
+    viewProps(props, name);
     const emit = __emit;
     const isMax = shallowRef(props.max);
     const isMin = shallowRef(false);

package/dist/css/index.css

@@ -1098,13 +1098,14 @@
   display: inline-flex;
   justify-content: center;
 }
-.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-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;
 }
@@ -1181,8 +1182,12 @@
 }
 
 .paging {
+  width: 100%;
   padding: 10px;
 }
+.paging-pagination {
+  width: 100%;
+}
 .paging-slot {
   padding-left: 10px;
   font-size: 14px;
@@ -1767,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/dist/css/list.css

@@ -74,13 +74,14 @@
   display: inline-flex;
   justify-content: center;
 }
-.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-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;
 }

package/dist/css/listsp.css

@@ -51,8 +51,12 @@
 }
 
 .paging {
+  width: 100%;
   padding: 10px;
 }
+.paging-pagination {
+  width: 100%;
+}
 .paging-slot {
   padding-left: 10px;
   font-size: 14px;

package/dist/css/page.css

@@ -686,13 +686,14 @@
   display: inline-flex;
   justify-content: center;
 }
-.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-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;
 }
@@ -769,8 +770,12 @@
 }
 
 .paging {
+  width: 100%;
   padding: 10px;
 }
+.paging-pagination {
+  width: 100%;
+}
 .paging-slot {
   padding-left: 10px;
   font-size: 14px;

package/dist/css/paging.css

@@ -13,8 +13,12 @@
 }
 
 .paging {
+  width: 100%;
   padding: 10px;
 }
+.paging-pagination {
+  width: 100%;
+}
 .paging-slot {
   padding-left: 10px;
   font-size: 14px;

package/dist/css/tablesp.css

@@ -36,8 +36,12 @@
 }
 
 .paging {
+  width: 100%;
   padding: 10px;
 }
+.paging-pagination {
+  width: 100%;
+}
 .paging-slot {
   padding-left: 10px;
   font-size: 14px;

package/dist/css/tablesvp.css

@@ -96,8 +96,12 @@
 }
 
 .paging {
+  width: 100%;
   padding: 10px;
 }
+.paging-pagination {
+  width: 100%;
+}
 .paging-slot {
   padding-left: 10px;
   font-size: 14px;

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../global-config/index.cjs");
+function useAttrsDefault(key, attrs) {
+  if (!index.useGlobalConfig("isAttrsConfig").value) {
+    return attrs;
+  }
+  const defaultConfig = index.useGlobalConfig("defaultConfig").value;
+  if (defaultConfig) {
+    const defaultValue = defaultConfig[key];
+    if (defaultValue && typeof defaultValue === "object") {
+      return {
+        ...defaultValue,
+        ...attrs
+      };
+    }
+  }
+  return attrs;
+}
+exports.useAttrsDefault = useAttrsDefault;

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

@@ -0,0 +1,7 @@
+/**
+ * 获取全局配置参数设置默认属性
+ * @param key
+ * @param attrs
+ * @returns
+ */
+export declare function useAttrsDefault<T extends Record<string | symbol, unknown>>(key: string, attrs: T): T;

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

@@ -0,0 +1,20 @@
+import { useGlobalConfig } from "../global-config/index.js";
+function useAttrsDefault(key, attrs) {
+  if (!useGlobalConfig("isAttrsConfig").value) {
+    return attrs;
+  }
+  const defaultConfig = useGlobalConfig("defaultConfig").value;
+  if (defaultConfig) {
+    const defaultValue = defaultConfig[key];
+    if (defaultValue && typeof defaultValue === "object") {
+      return {
+        ...defaultValue,
+        ...attrs
+      };
+    }
+  }
+  return attrs;
+}
+export {
+  useAttrsDefault
+};

package/dist/hooks/cssname/index.cjs

@@ -29,8 +29,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}`;
   }
@@ -42,6 +42,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 = index.useGlobalConfig(
     "namespace",
@@ -58,29 +62,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) : "";
@@ -107,6 +93,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/cssname/index.d.ts

@@ -1,5 +1,10 @@
+declare function connected(// 组件名称
+block: string, blockSuffix?: string, element?: string, modifier?: string): string;
+declare function getClassName(block: string, blockSuffix?: string, element?: string, modifier?: string): string;
 export declare const useCssName: (block: string) => {
     name: string;
+    cn: typeof getClassName;
+    co: typeof connected;
     c: (name?: string, blockSuffix?: string, element?: string, modifier?: string) => string;
     z: (blockSuffix?: string, element?: string, modifier?: string) => string;
     e: () => string;
@@ -13,3 +18,4 @@ export declare const useCssName: (block: string) => {
     vdm: (name: string) => string;
 };
 export type UseCssNameReturn = ReturnType<typeof useCssName>;
+export {};

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
+};