@fangzhongya/fang-ui 0.0.58 → 0.0.60

package/dist/css/index.css

@@ -99,6 +99,9 @@
 .forms-elf.center .el-form-item__label {
   justify-content: center;
 }
+.forms .forms-li.forms-buts {
+  margin-right: 0;
+}
 .forms-buts-div .el-button {
   height: inherit;
 }
@@ -234,6 +237,12 @@
   padding: 20px 20px;
 }
 
+.no-data {
+  text-align: center;
+  margin-top: 20px;
+  color: #999;
+}
+
 .popup {
   position: fixed;
   width: 100vw;
@@ -420,6 +429,7 @@
   cursor: pointer;
 }
 .icon-picker .icon-picker-dialog-list-item:hover {
+  background-color: #e5e5e5;
   color: var(--on-icon-picker);
 }
 .icon-picker .icon-picker-dialog-list-icon {
@@ -463,6 +473,10 @@
   width: 100%;
   height: 100%;
 }
+.iframe > iframe {
+  width: 100%;
+  height: 100%;
+}
 
 .menus .menu-li-item {
   display: flex;
@@ -584,6 +598,7 @@
 }
 .paging-slot > span {
   margin-right: 10px;
+  white-space: nowrap;
 }
 .paging .el-pagination__total {
   font-size: 14px;
@@ -940,7 +955,7 @@
   padding: 0;
   box-sizing: border-box;
 }
-.input-history-select-li {
+.input-history-select-ul .input-history-select-li {
   padding: 0 32px 0 20px;
   position: relative;
   white-space: nowrap;
@@ -952,36 +967,26 @@
   box-sizing: border-box;
   cursor: pointer;
 }
-.input-history-select-li.hover, .input-history-select-li:hover {
+.input-history-select-ul .input-history-select-li.hover, .input-history-select-ul .input-history-select-li:hover {
   background-color: #f5f7fa;
 }
-.input-history-select-li.hover .input-history-select-li-clean, .input-history-select-li:hover .input-history-select-li-clean {
+.input-history-select-ul .input-history-select-li.hover .input-history-select-li-clean, .input-history-select-ul .input-history-select-li:hover .input-history-select-li-clean {
   display: inline-flex;
 }
-.input-history-select-li.selected {
+.input-history-select-ul .input-history-select-li.selected {
   color: var(--bv-color-primary);
   font-weight: 700;
 }
-.input-history-select-li.is-disabled {
+.input-history-select-ul .input-history-select-li.is-disabled {
   background-color: #ffffff;
   color: #a8abb2;
   cursor: not-allowed;
 }
-.input-history-select-li-clean {
-  position: absolute;
+.input-history-select-ul .input-history-select-li-clean {
   align-items: center;
   justify-content: center;
-  right: 16px;
-  height: 100%;
   display: none;
-}
-.input-history-select-clean {
-  padding: 0 20px;
-}
-.input-history-select-clean-but {
-  float: right;
-  color: #ccc;
-  cursor: pointer;
+  margin-left: 5px;
 }
 
 .input-num-input {
@@ -1190,11 +1195,6 @@
 .lists-list-item .el-card {
   background-color: transparent;
 }
-.lists-list .lists-no-data {
-  text-align: center;
-  margin-top: 20px;
-  color: #999;
-}
 
 .listsp {
   width: 100%;
@@ -1324,4 +1324,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/input-history.css

@@ -29,7 +29,7 @@
   padding: 0;
   box-sizing: border-box;
 }
-.input-history-select-li {
+.input-history-select-ul .input-history-select-li {
   padding: 0 32px 0 20px;
   position: relative;
   white-space: nowrap;
@@ -41,34 +41,24 @@
   box-sizing: border-box;
   cursor: pointer;
 }
-.input-history-select-li.hover, .input-history-select-li:hover {
+.input-history-select-ul .input-history-select-li.hover, .input-history-select-ul .input-history-select-li:hover {
   background-color: #f5f7fa;
 }
-.input-history-select-li.hover .input-history-select-li-clean, .input-history-select-li:hover .input-history-select-li-clean {
+.input-history-select-ul .input-history-select-li.hover .input-history-select-li-clean, .input-history-select-ul .input-history-select-li:hover .input-history-select-li-clean {
   display: inline-flex;
 }
-.input-history-select-li.selected {
+.input-history-select-ul .input-history-select-li.selected {
   color: var(--bv-color-primary);
   font-weight: 700;
 }
-.input-history-select-li.is-disabled {
+.input-history-select-ul .input-history-select-li.is-disabled {
   background-color: #ffffff;
   color: #a8abb2;
   cursor: not-allowed;
 }
-.input-history-select-li-clean {
-  position: absolute;
+.input-history-select-ul .input-history-select-li-clean {
   align-items: center;
   justify-content: center;
-  right: 16px;
-  height: 100%;
   display: none;
-}
-.input-history-select-clean {
-  padding: 0 20px;
-}
-.input-history-select-clean-but {
-  float: right;
-  color: #ccc;
-  cursor: pointer;
+  margin-left: 5px;
 }

package/dist/css/lists.css

@@ -48,9 +48,4 @@
 }
 .lists-list-item .el-card {
   background-color: transparent;
-}
-.lists-list .lists-no-data {
-  text-align: center;
-  margin-top: 20px;
-  color: #999;
 }

package/dist/css/listsp.css

@@ -49,11 +49,6 @@
 .lists-list-item .el-card {
   background-color: transparent;
 }
-.lists-list .lists-no-data {
-  text-align: center;
-  margin-top: 20px;
-  color: #999;
-}
 
 .paging {
   padding: 10px;
@@ -67,6 +62,7 @@
 }
 .paging-slot > span {
   margin-right: 10px;
+  white-space: nowrap;
 }
 .paging .el-pagination__total {
   font-size: 14px;

package/dist/css/no-data.css

@@ -0,0 +1,19 @@
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}
+
+.no-data {
+  text-align: center;
+  margin-top: 20px;
+  color: #999;
+}

package/dist/css/page/set-column.css

@@ -1,29 +1,29 @@
-.set-column-dialog-main[data-v-f249195f] {
+.set-column-dialog-main[data-v-f43f186a] {
   font-size: 16px;
   display: flex;
 }
-.set-column-dialog-main .set-column-check[data-v-f249195f] {
+.set-column-dialog-main .set-column-check[data-v-f43f186a] {
   flex: 1;
 }
-.set-column-dialog-main .set-column-check .set-column-check-list[data-v-f249195f] {
+.set-column-dialog-main .set-column-check .set-column-check-list[data-v-f43f186a] {
   padding: 10px;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   overflow-y: auto;
 }
-.set-column-dialog-main .set-column-check .set-column-check-list .set-column-check-list-li[data-v-f249195f] {
+.set-column-dialog-main .set-column-check .set-column-check-list .set-column-check-list-li[data-v-f43f186a] {
   width: 130px;
 }
-.set-column-dialog-main .set-column-already[data-v-f249195f] {
+.set-column-dialog-main .set-column-already[data-v-f43f186a] {
   border-left: 1px solid #999;
   padding-left: 20px;
   width: 260px;
 }
-.set-column-dialog-main .set-column-already .set-column-already-list[data-v-f249195f] {
+.set-column-dialog-main .set-column-already .set-column-already-list[data-v-f43f186a] {
   padding: 10px 10px 10px 0;
 }
-.set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li[data-v-f249195f] {
+.set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li[data-v-f43f186a] {
   height: 40px;
   line-height: 40px;
   border-bottom: 1px solid #ccc;
@@ -31,7 +31,7 @@
   align-items: center;
   justify-content: space-between;
 }
-.set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li .set-column-already-li-v[data-v-f249195f] {
+.set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li .set-column-already-li-v[data-v-f43f186a] {
   display: flex;
   flex: 1;
   align-items: center;

package/dist/css/page.css

@@ -99,6 +99,9 @@
 .forms-elf.center .el-form-item__label {
   justify-content: center;
 }
+.forms .forms-li.forms-buts {
+  margin-right: 0;
+}
 .forms-buts-div .el-button {
   height: inherit;
 }
@@ -215,6 +218,7 @@
 }
 .paging-slot > span {
   margin-right: 10px;
+  white-space: nowrap;
 }
 .paging .el-pagination__total {
   font-size: 14px;

package/dist/css/paging.css

@@ -24,6 +24,7 @@
 }
 .paging-slot > span {
   margin-right: 10px;
+  white-space: nowrap;
 }
 .paging .el-pagination__total {
   font-size: 14px;

package/dist/css/tablesp.css

@@ -41,6 +41,7 @@
 }
 .paging-slot > span {
   margin-right: 10px;
+  white-space: nowrap;
 }
 .paging .el-pagination__total {
   font-size: 14px;

package/dist/css/tablesvp.css

@@ -107,6 +107,7 @@
 }
 .paging-slot > span {
   margin-right: 10px;
+  white-space: nowrap;
 }
 .paging .el-pagination__total {
   font-size: 14px;

package/dist/expand/{chunk-ID2WVA6N.js → chunk-3HYUAX6P.js}

@@ -61,6 +61,7 @@ var config_default = {
     "box-teleport",
     "box-title",
     "dialogs",
+    "no-data",
     "popup",
     "right-key",
     "seamless-scroll",
@@ -148,6 +149,7 @@ var config_default = {
     "box-mask",
     "box-title",
     "dialogs",
+    "no-data",
     "popup",
     "right-key",
     "seamless-scroll",

package/dist/expand/{chunk-NEHCZ3EJ.cjs → chunk-IPHLXLMM.cjs}

@@ -61,6 +61,7 @@ var config_default = {
     "box-teleport",
     "box-title",
     "dialogs",
+    "no-data",
     "popup",
     "right-key",
     "seamless-scroll",
@@ -148,6 +149,7 @@ var config_default = {
     "box-mask",
     "box-title",
     "dialogs",
+    "no-data",
     "popup",
     "right-key",
     "seamless-scroll",

package/dist/expand/components.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkNEHCZ3EJcjs = require('./chunk-NEHCZ3EJ.cjs');
+var _chunkIPHLXLMMcjs = require('./chunk-IPHLXLMM.cjs');
 
 // expand/components.ts
 var _humpToLine = require('@fangzhongya/utils/name/humpToLine');
@@ -29,11 +29,11 @@ function namefilter(c, name) {
 function getFrom(mc, type, conf) {
   const filename = mc.replace(new RegExp("^" + config.prefix + "-"), "");
   if (type == 1) {
-    if (_chunkNEHCZ3EJcjs.config_default.components.includes(filename)) {
+    if (_chunkIPHLXLMMcjs.config_default.components.includes(filename)) {
       const name = _lineToLargeHump.lineToLargeHump.call(void 0, mc);
       const from = `${config.name}/components/${filename}/index`;
       let sideEffects;
-      if (_chunkNEHCZ3EJcjs.config_default.sideEffects.includes(filename)) {
+      if (_chunkIPHLXLMMcjs.config_default.sideEffects.includes(filename)) {
         if (conf.css) {
           sideEffects = `${config.name}/components/${filename}/style/index2/.scss`;
         } else {
@@ -49,14 +49,14 @@ function getFrom(mc, type, conf) {
       return;
     }
   } else {
-    if (_chunkNEHCZ3EJcjs.config_default.directives.includes(filename)) {
+    if (_chunkIPHLXLMMcjs.config_default.directives.includes(filename)) {
       const name = "default";
       const from = `${config.name}/directives/${filename}/index`;
       return {
         name,
         from
       };
-    } else if (_chunkNEHCZ3EJcjs.config_default.directives.includes("v-" + filename)) {
+    } else if (_chunkIPHLXLMMcjs.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-ID2WVA6N.js";
+} from "./chunk-3HYUAX6P.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 _chunkNEHCZ3EJcjs = require('./chunk-NEHCZ3EJ.cjs');
+var _chunkIPHLXLMMcjs = require('./chunk-IPHLXLMM.cjs');
 
 
-exports.default = _chunkNEHCZ3EJcjs.config_default;
+exports.default = _chunkIPHLXLMMcjs.config_default;

package/dist/expand/config.js

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

package/dist/hooks/index.cjs

@@ -11,7 +11,9 @@ exports.eventAliass = index$1.eventAliass;
 exports.provideGlobalConfig = index$2.provideGlobalConfig;
 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,10 +2,12 @@ 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 { buildLocaleContext, buildTranslator, useLocale } from "./locale/index.js";
+import { buildLocaleAdd, buildLocaleContext, buildPropsDefault, 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

@@ -17,7 +17,52 @@ function getValue(key, locale) {
   return obj;
 }
 function buildTranslator(locale) {
-  return (path) => getValue(path, vue.unref(locale).value);
+  return (path, ...values) => {
+    let v = getValue(path, vue.unref(locale).value);
+    if (values.length > 0) {
+      values.forEach((z, i) => {
+        v = v.replaceAll("$" + (i + 1), z);
+      });
+    }
+    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("");
+    } else {
+      return arr.map((o) => getValue(o, vue.unref(locale).value)).join(" ");
+    }
+  };
 }
 function buildLocaleContext(locale) {
   const lang = vue.computed(() => vue.unref(locale).name);
@@ -25,7 +70,9 @@ function buildLocaleContext(locale) {
   return {
     lang,
     locale: localeRef,
-    getLocale: buildTranslator(locale)
+    getPropsDefault: buildPropsDefault(buildTranslator(locale)),
+    getLocale: buildTranslator(locale),
+    getLocaleAdd: buildLocaleAdd(locale, lang)
   };
 }
 function useLocale() {
@@ -43,6 +90,8 @@ function useLocale() {
     })
   );
 }
+exports.buildLocaleAdd = buildLocaleAdd;
 exports.buildLocaleContext = buildLocaleContext;
+exports.buildPropsDefault = buildPropsDefault;
 exports.buildTranslator = buildTranslator;
 exports.useLocale = useLocale;

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

@@ -1,5 +1,66 @@
-import { Locale, LocaleContext, Translator } from '../../types/locale';
+import { Locale, Translator } from '../../types/locale';
 import { MaybeRef } from '../../types/hooks';
+import { ComputedRef, Ref } from 'vue';
 export declare function buildTranslator(locale: MaybeRef<Locale>): Translator;
-export declare function buildLocaleContext(locale: MaybeRef<Locale>): LocaleContext;
-export declare function useLocale(): LocaleContext;
+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>;
+    locale: Ref<{
+        name: string;
+        value: {
+            [key: string]: any;
+        };
+    } | {
+        readonly name: string;
+        readonly value: {
+            [key: string]: any;
+        };
+    }, Locale | {
+        name: string;
+        value: {
+            [key: string]: any;
+        };
+    } | Readonly<Locale> | {
+        readonly name: string;
+        readonly value: {
+            [key: string]: any;
+        };
+    }>;
+    getPropsDefault: (props: any, arr: Array<PropsDefault>) => any;
+    getLocale: Translator;
+    getLocaleAdd: (...arr: string[]) => string;
+};
+export declare function useLocale(): {
+    lang: ComputedRef<string>;
+    locale: Ref<{
+        name: string;
+        value: {
+            [key: string]: any;
+        };
+    } | {
+        readonly name: string;
+        readonly value: {
+            [key: string]: any;
+        };
+    }, Locale | {
+        name: string;
+        value: {
+            [key: string]: any;
+        };
+    } | Readonly<Locale> | {
+        readonly name: string;
+        readonly value: {
+            [key: string]: any;
+        };
+    }>;
+    getPropsDefault: (props: any, arr: Array<PropsDefault>) => any;
+    getLocale: Translator;
+    getLocaleAdd: (...arr: string[]) => string;
+};
+export {};

package/dist/hooks/locale/index.js

@@ -15,7 +15,52 @@ function getValue(key, locale) {
   return obj;
 }
 function buildTranslator(locale) {
-  return (path) => getValue(path, unref(locale).value);
+  return (path, ...values) => {
+    let v = getValue(path, unref(locale).value);
+    if (values.length > 0) {
+      values.forEach((z, i) => {
+        v = v.replaceAll("$" + (i + 1), z);
+      });
+    }
+    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("");
+    } else {
+      return arr.map((o) => getValue(o, unref(locale).value)).join(" ");
+    }
+  };
 }
 function buildLocaleContext(locale) {
   const lang = computed(() => unref(locale).name);
@@ -23,7 +68,9 @@ function buildLocaleContext(locale) {
   return {
     lang,
     locale: localeRef,
-    getLocale: buildTranslator(locale)
+    getPropsDefault: buildPropsDefault(buildTranslator(locale)),
+    getLocale: buildTranslator(locale),
+    getLocaleAdd: buildLocaleAdd(locale, lang)
   };
 }
 function useLocale() {
@@ -42,7 +89,9 @@ function useLocale() {
   );
 }
 export {
+  buildLocaleAdd,
   buildLocaleContext,
+  buildPropsDefault,
   buildTranslator,
   useLocale
 };