@fangzhongya/fang-ui 0.1.19 → 0.1.20

package/dist/css/list.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 :root {
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
@@ -85,6 +86,17 @@
 .list-div .list-table .list-table-th {
   text-align: left;
 }
+.list-div .list-table .list-table-value {
+  word-break: break-all;
+  white-space: normal;
+  display: block;
+  max-height: var(--list-row-max-height);
+  display: -webkit-box;
+  -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .list-div .list-table.right .list-table-th {
   text-align: right;
 }

package/dist/css/page.css

@@ -697,6 +697,17 @@
 .list-div .list-table .list-table-th {
   text-align: left;
 }
+.list-div .list-table .list-table-value {
+  word-break: break-all;
+  white-space: normal;
+  display: block;
+  max-height: var(--list-row-max-height);
+  display: -webkit-box;
+  -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .list-div .list-table.right .list-table-th {
   text-align: right;
 }

package/dist/css/tablespd.css

@@ -0,0 +1,88 @@
+: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);
+}
+
+.tables {
+  width: 100%;
+  min-height: var(--tables-min-height, 70px);
+  position: relative;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.tables-table.is-absolute {
+  position: absolute;
+  inset: 0;
+}
+.tables-table {
+  background-color: transparent;
+  --el-table-header-bg-color: rgb(248, 248, 249);
+}
+.tables-table.el-table--default .el-table__cell {
+  padding: var(--tables-interval) 0;
+}
+.tables-table.el-table--default .cell {
+  padding: 0 var(--tables-interval-horizon, var(--tables-interval));
+}
+
+.paging {
+  width: 100%;
+  padding: 10px;
+}
+.paging-pagination {
+  width: 100%;
+}
+.paging-slot {
+  padding-left: 10px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #9b9b9b;
+  white-space: pre-wrap;
+}
+.paging-slot > span {
+  margin-right: 10px;
+  white-space: nowrap;
+}
+.paging .el-pagination__total {
+  font-size: 14px;
+  font-weight: 400;
+  color: #9b9b9b;
+}
+
+.tablespd {
+  width: 100%;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.tablespd-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.tablespd-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.tablespd-main.is-scroll .v-scroll-add {
+  text-align: center;
+  padding: 10px;
+  color: #999;
+  background-color: #eee;
+}
+.tablespd-paginat {
+  overflow: hidden;
+}
+.tablespd-paginat .el-pagination {
+  justify-content: flex-end;
+}

package/dist/directives/index.cjs

@@ -6,17 +6,19 @@ const index$2 = require("./expose/index.cjs");
 const index$3 = require("./inserted/index.cjs");
 const index$4 = require("./locus/index.cjs");
 const index$5 = require("./scroll/index.cjs");
-const index$6 = require("./stick/index.cjs");
+const index$6 = require("./sortable/index.cjs");
+const index$7 = require("./stick/index.cjs");
 require("./v-loading/index.cjs");
-const index$7 = require("element-plus/es/components/loading/index");
+const index$8 = require("element-plus/es/components/loading/index");
 exports.Adjust = index.default;
 exports.Drag = index$1.default;
 exports.Expose = index$2.default;
 exports.Inserted = index$3.default;
 exports.Locus = index$4.default;
 exports.Scroll = index$5.default;
-exports.Stick = index$6.default;
+exports.Sortable = index$6.default;
+exports.Stick = index$7.default;
 Object.defineProperty(exports, "VLoading", {
   enumerable: true,
-  get: () => index$7.vLoading
+  get: () => index$8.vLoading
 });

package/dist/directives/index.d.ts

@@ -4,5 +4,6 @@ export { default as Expose } from './expose';
 export { default as Inserted } from './inserted';
 export { default as Locus } from './locus';
 export { default as Scroll } from './scroll';
+export { default as Sortable } from './sortable';
 export { default as Stick } from './stick';
 export { default as VLoading } from './v-loading';

package/dist/directives/index.js

@@ -4,7 +4,8 @@ import { default as default4 } from "./expose/index.js";
 import { default as default5 } from "./inserted/index.js";
 import { default as default6 } from "./locus/index.js";
 import { default as default7 } from "./scroll/index.js";
-import { default as default8 } from "./stick/index.js";
+import { default as default8 } from "./sortable/index.js";
+import { default as default9 } from "./stick/index.js";
 import "./v-loading/index.js";
 import { vLoading } from "element-plus/es/components/loading/index";
 export {
@@ -14,6 +15,7 @@ export {
   default5 as Inserted,
   default6 as Locus,
   default7 as Scroll,
-  default8 as Stick,
+  default8 as Sortable,
+  default9 as Stick,
   vLoading as VLoading
 };

package/dist/directives/sortable/index.cjs

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const sortable_esm = require("../../node_modules/.pnpm/sortablejs@1.15.6/node_modules/sortablejs/modular/sortable.esm.cjs");
+const vSortable = {
+  name: "Sortable",
+  mounted(el, binding) {
+    const value = binding.value;
+    let selector = el.getAttribute(`sortable-selector`);
+    let dom;
+    if (value.dom) {
+      if (typeof value.dom == "string") {
+        dom = el.querySelector(value.dom);
+      } else {
+        dom = value.dom;
+      }
+    } else {
+      if (selector) {
+        dom = el.querySelector(selector);
+      } else {
+        dom = el;
+      }
+    }
+    if (dom && value.is !== false) {
+      const options = Object.assign(
+        {
+          animation: 150,
+          // 动画时长
+          ghostClass: "sortable-ghost",
+          // 拖拽时占位元素的样式
+          chosenClass: "sortable-chosen",
+          // 被选中元素的样式
+          dragClass: "sortable-drag"
+          // 拖拽元素的样式
+        },
+        value.options || {
+          ...value,
+          dom: void 0,
+          is: void 0
+        }
+      );
+      sortable_esm.default.create(dom, options);
+    }
+  }
+};
+exports.default = vSortable;

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

@@ -0,0 +1,6 @@
+import { Directive } from 'vue';
+/**
+ *  Sortable
+ */
+declare const _default: Directive;
+export default _default;

package/dist/directives/sortable/index.js

@@ -0,0 +1,45 @@
+import Sortable from "../../node_modules/.pnpm/sortablejs@1.15.6/node_modules/sortablejs/modular/sortable.esm.js";
+const vSortable = {
+  name: "Sortable",
+  mounted(el, binding) {
+    const value = binding.value;
+    let selector = el.getAttribute(`sortable-selector`);
+    let dom;
+    if (value.dom) {
+      if (typeof value.dom == "string") {
+        dom = el.querySelector(value.dom);
+      } else {
+        dom = value.dom;
+      }
+    } else {
+      if (selector) {
+        dom = el.querySelector(selector);
+      } else {
+        dom = el;
+      }
+    }
+    if (dom && value.is !== false) {
+      const options = Object.assign(
+        {
+          animation: 150,
+          // 动画时长
+          ghostClass: "sortable-ghost",
+          // 拖拽时占位元素的样式
+          chosenClass: "sortable-chosen",
+          // 被选中元素的样式
+          dragClass: "sortable-drag"
+          // 拖拽元素的样式
+        },
+        value.options || {
+          ...value,
+          dom: void 0,
+          is: void 0
+        }
+      );
+      Sortable.create(dom, options);
+    }
+  }
+};
+export {
+  vSortable as default
+};

package/dist/expand/{chunk-XY53LCPN.js → chunk-2BLP2ANQ.js}

@@ -132,6 +132,7 @@ var config_default = {
     "paging",
     "tables",
     "tablesp",
+    "tablespd",
     "tabless",
     "tablesv",
     "tablesvp"
@@ -143,6 +144,7 @@ var config_default = {
     "inserted",
     "locus",
     "scroll",
+    "sortable",
     "stick",
     "v-loading"
   ],
@@ -199,6 +201,7 @@ var config_default = {
     "paging",
     "tables",
     "tablesp",
+    "tablespd",
     "tabless",
     "tablesv",
     "tablesvp",

package/dist/expand/{chunk-IEODUGVJ.cjs → chunk-OT6GISSR.cjs}

@@ -132,6 +132,7 @@ var config_default = {
     "paging",
     "tables",
     "tablesp",
+    "tablespd",
     "tabless",
     "tablesv",
     "tablesvp"
@@ -143,6 +144,7 @@ var config_default = {
     "inserted",
     "locus",
     "scroll",
+    "sortable",
     "stick",
     "v-loading"
   ],
@@ -199,6 +201,7 @@ var config_default = {
     "paging",
     "tables",
     "tablesp",
+    "tablespd",
     "tabless",
     "tablesv",
     "tablesvp",

package/dist/expand/components.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkIEODUGVJcjs = require('./chunk-IEODUGVJ.cjs');
+var _chunkOT6GISSRcjs = require('./chunk-OT6GISSR.cjs');
 
 // expand/components.ts
 var _humpToLine = require('@fangzhongya/utils/name/humpToLine');
@@ -35,11 +35,11 @@ function getFrom(mc, type, conf) {
   const p = config.prefix ? config.prefix + "-" : "";
   const filename = p ? mc.replace(new RegExp("^" + p), "") : mc;
   if (type == 1) {
-    if (_chunkIEODUGVJcjs.config_default.components.includes(filename)) {
+    if (_chunkOT6GISSRcjs.config_default.components.includes(filename)) {
       const name = _lineToLargeHump.lineToLargeHump.call(void 0, mc);
       const from = `${config.name}/components/${filename}/index`;
       let sideEffects;
-      if (_chunkIEODUGVJcjs.config_default.sideEffects.includes(filename)) {
+      if (_chunkOT6GISSRcjs.config_default.sideEffects.includes(filename)) {
         if (conf.css) {
           sideEffects = `${config.name}/components/${filename}/style/index${conf.css || 2}.scss`;
         } else {
@@ -55,14 +55,14 @@ function getFrom(mc, type, conf) {
       return;
     }
   } else {
-    if (_chunkIEODUGVJcjs.config_default.directives.includes(filename)) {
+    if (_chunkOT6GISSRcjs.config_default.directives.includes(filename)) {
       const name = "default";
       const from = `${config.name}/directives/${filename}/index`;
       return {
         name,
         from
       };
-    } else if (_chunkIEODUGVJcjs.config_default.directives.includes("v-" + filename)) {
+    } else if (_chunkOT6GISSRcjs.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-XY53LCPN.js";
+} from "./chunk-2BLP2ANQ.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 _chunkIEODUGVJcjs = require('./chunk-IEODUGVJ.cjs');
+var _chunkOT6GISSRcjs = require('./chunk-OT6GISSR.cjs');
 
 
-exports.default = _chunkIEODUGVJcjs.config_default;
+exports.default = _chunkOT6GISSRcjs.config_default;

package/dist/expand/config.js

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

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

@@ -12,9 +12,9 @@ export declare const useCssName: (block: string) => {
     ec: (name?: string, 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>;
+    vo: (object: Record<string, string | number>) => Record<string, string | number>;
     vm: (name: string) => string;
-    vdo: (object: Record<string, string | undefined>) => Record<string, string>;
+    vdo: (object: Record<string, string | number | undefined>) => Record<string, string | number>;
     vdm: (name: string) => string;
 };
 export type UseCssNameReturn = ReturnType<typeof useCssName>;

package/dist/hooks/index.cjs

@@ -19,7 +19,6 @@ 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;

package/dist/hooks/index.js

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

package/dist/hooks/inherit/index.cjs

@@ -45,12 +45,4 @@ const useInherit = (attrs = vue.useAttrs(), name) => {
     })
   };
 };
-function useAttrValue(attrs, k) {
-  if (typeof k === "string") {
-    return attrs[k] ?? attrs[humpToLine.humpToLine(k)];
-  } else {
-    return attrs[k];
-  }
-}
-exports.useAttrValue = useAttrValue;
 exports.useInherit = useInherit;

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

@@ -9,6 +9,5 @@ export declare const useInherit: (attrs?: {
     root: Data;
     assem: Assem;
 };
-export declare function useAttrValue(attrs: Data, k: string | symbol): unknown;
 export type UseInheritReturn = ReturnType<typeof useInherit>;
 export {};

package/dist/hooks/inherit/index.js

@@ -43,14 +43,6 @@ const useInherit = (attrs = useAttrs(), name) => {
     })
   };
 };
-function useAttrValue(attrs, k) {
-  if (typeof k === "string") {
-    return attrs[k] ?? attrs[humpToLine(k)];
-  } else {
-    return attrs[k];
-  }
-}
 export {
-  useAttrValue,
   useInherit
 };

package/dist/icons/index.json

@@ -1,7 +1,7 @@
 {
     "prefix": "fang-ui",
     "info": {},
-    "lastModified": 1762779395198,
+    "lastModified": 1762855089390,
     "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.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index$2X = require("./components/index.cjs");
-const index$2Y = require("./directives/index.cjs");
-const index$2Z = require("./icons/index.cjs");
+const index$2Z = require("./components/index.cjs");
+const index$2_ = require("./directives/index.cjs");
+const index$2$ = require("./icons/index.cjs");
 const index$2 = require("element-plus/es/components/button/index");
 const index$1 = require("./components/button/index.cjs");
 const index$4 = require("element-plus/es/components/card/index");
@@ -179,29 +179,31 @@ const index$2J = require("./components/listsp/index.cjs");
 const index$2K = require("./components/paging/index.cjs");
 const index$2L = require("./components/tables/index.cjs");
 const index$2M = require("./components/tablesp/index.cjs");
-const index$2N = require("./components/tabless/index.cjs");
-const index$2O = require("./components/tablesv/index.cjs");
-const index$2P = require("./components/tablesvp/index.cjs");
-const index$2Q = require("./directives/adjust/index.cjs");
-const index$2R = require("./directives/drag/index.cjs");
-const index$2S = require("./directives/expose/index.cjs");
-const index$2T = require("./directives/inserted/index.cjs");
-const index$2U = require("./directives/locus/index.cjs");
-const index$2V = require("./directives/scroll/index.cjs");
-const index$2W = require("./directives/stick/index.cjs");
+const index$2N = require("./components/tablespd/index.cjs");
+const index$2O = require("./components/tabless/index.cjs");
+const index$2P = require("./components/tablesv/index.cjs");
+const index$2Q = require("./components/tablesvp/index.cjs");
+const index$2R = require("./directives/adjust/index.cjs");
+const index$2S = require("./directives/drag/index.cjs");
+const index$2T = require("./directives/expose/index.cjs");
+const index$2U = require("./directives/inserted/index.cjs");
+const index$2V = require("./directives/locus/index.cjs");
+const index$2W = require("./directives/scroll/index.cjs");
+const index$2X = require("./directives/sortable/index.cjs");
+const index$2Y = require("./directives/stick/index.cjs");
 const index = {
   install: function(app) {
-    const com = index$2X;
+    const com = index$2Z;
     Object.keys(com).forEach((key) => {
       if (com[key].install) {
         com[key].install(app);
       }
     });
-    const dire = index$2Y;
+    const dire = index$2_;
     Object.keys(dire).forEach((key) => {
       app.directive(key, dire[key]);
     });
-    index$2Z.default(app);
+    index$2$.default(app);
   }
 };
 exports.Button = index$1.Button;
@@ -339,16 +341,18 @@ exports.Listsp = index$2J.Listsp;
 exports.Paging = index$2K.Paging;
 exports.Tables = index$2L.Tables;
 exports.Tablesp = index$2M.Tablesp;
-exports.Tabless = index$2N.Tabless;
-exports.Tablesv = index$2O.Tablesv;
-exports.Tablesvp = index$2P.Tablesvp;
-exports.Adjust = index$2Q.default;
-exports.Drag = index$2R.default;
-exports.Expose = index$2S.default;
-exports.Inserted = index$2T.default;
-exports.Locus = index$2U.default;
-exports.Scroll = index$2V.default;
-exports.Stick = index$2W.default;
+exports.Tablespd = index$2N.Tablespd;
+exports.Tabless = index$2O.Tabless;
+exports.Tablesv = index$2P.Tablesv;
+exports.Tablesvp = index$2Q.Tablesvp;
+exports.Adjust = index$2R.default;
+exports.Drag = index$2S.default;
+exports.Expose = index$2T.default;
+exports.Inserted = index$2U.default;
+exports.Locus = index$2V.default;
+exports.Scroll = index$2W.default;
+exports.Sortable = index$2X.default;
+exports.Stick = index$2Y.default;
 exports.default = index;
 Object.keys(index$2).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {

package/dist/index.js

@@ -178,6 +178,7 @@ import { Listsp } from "./components/listsp/index.js";
 import { Paging } from "./components/paging/index.js";
 import { Tables } from "./components/tables/index.js";
 import { Tablesp } from "./components/tablesp/index.js";
+import { Tablespd } from "./components/tablespd/index.js";
 import { Tabless } from "./components/tabless/index.js";
 import { Tablesv } from "./components/tablesv/index.js";
 import { Tablesvp } from "./components/tablesvp/index.js";
@@ -187,7 +188,8 @@ import { default as default4 } from "./directives/expose/index.js";
 import { default as default5 } from "./directives/inserted/index.js";
 import { default as default6 } from "./directives/locus/index.js";
 import { default as default7 } from "./directives/scroll/index.js";
-import { default as default8 } from "./directives/stick/index.js";
+import { default as default8 } from "./directives/sortable/index.js";
+import { default as default9 } from "./directives/stick/index.js";
 const index = {
   install: function(app) {
     const com = index$K;
@@ -314,7 +316,8 @@ export {
   Selects,
   Slider,
   Sliders,
-  default8 as Stick,
+  default8 as Sortable,
+  default9 as Stick,
   StickDiv,
   StickEdge,
   StickWindow,
@@ -326,6 +329,7 @@ export {
   TableColumn,
   Tables,
   Tablesp,
+  Tablespd,
   Tabless,
   Tablesv,
   Tablesvp,