@fangzhongya/fang-ui 0.1.19 → 0.1.21

package/dist/css/listspd.css

@@ -0,0 +1,99 @@
+: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);
+}
+
+.lists {
+  width: 100%;
+  min-height: 100px;
+  position: relative;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  background-color: #eee;
+}
+.lists-list {
+  padding: 0 var(--lists-interval-horizon, var(--lists-interval));
+}
+.lists-list.is-absolute {
+  position: absolute;
+  inset: 0;
+  overflow-y: auto;
+}
+.lists-list--column .lists-list-item {
+  display: inline-block;
+}
+.lists-list-item:first-child {
+  margin-top: calc(var(--lists-interval) * 2);
+}
+.lists-list-item {
+  background-color: #fff;
+  margin: 0 var(--lists-interval-horizon, var(--lists-interval));
+  margin-bottom: calc(var(--lists-interval) * 2);
+}
+.lists-list-item.is-active {
+  background-color: rgb(250, 235, 215);
+}
+.lists-list-item.is-selected {
+  background-color: rgb(215, 250, 224);
+}
+.lists-list-item .el-card {
+  background-color: transparent;
+}
+
+.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;
+}
+
+.listspd {
+  width: 100%;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.listspd-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.listspd-main.is-scroll .v-scroll-add {
+  text-align: center;
+  padding: 10px;
+  color: #999;
+}
+.listspd-paginat {
+  overflow: hidden;
+}
+.listspd-paginat .el-pagination {
+  justify-content: flex-end;
+}

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/adjust/index.cjs

@@ -82,38 +82,42 @@ function getWidth(el) {
     return 0;
   }
 }
+const cssHeightName = "v-adjust-xux-";
+const border = "3px dashed #1d8bfa";
 function getDomHeight() {
-  const dom = document.querySelector(".v-adjust-xux-height");
+  const name = "height";
+  const dom = document.querySelector("." + cssHeightName + name);
   if (dom) {
     return dom;
   } else {
     const xux = document.createElement("div");
-    xux.className = "v-adjust-xux-height";
+    xux.className = cssHeightName + name;
     xux.style.zIndex = "100000";
     xux.style.position = "fixed";
     xux.style.left = "0";
     xux.style.right = "0";
     xux.style.height = "0";
     xux.style.display = "none";
-    xux.style.borderBottom = "3px dashed #1d8bfa";
+    xux.style.borderBottom = border;
     document.body.appendChild(xux);
     return xux;
   }
 }
 function getDomWidth() {
-  const dom = document.querySelector(".v-adjust-xux-width");
+  const name = "width";
+  const dom = document.querySelector("." + cssHeightName + name);
   if (dom) {
     return dom;
   } else {
     const xux = document.createElement("div");
-    xux.className = "v-adjust-xux-width";
+    xux.className = cssHeightName + name;
     xux.style.zIndex = "100000";
     xux.style.position = "fixed";
     xux.style.top = "0";
     xux.style.bottom = "0";
     xux.style.width = "0";
     xux.style.display = "none";
-    xux.style.borderLeft = "3px dashed #1d8bfa";
+    xux.style.borderLeft = border;
     document.body.appendChild(xux);
     return xux;
   }

package/dist/directives/adjust/index.js

@@ -80,38 +80,42 @@ function getWidth(el) {
     return 0;
   }
 }
+const cssHeightName = "v-adjust-xux-";
+const border = "3px dashed #1d8bfa";
 function getDomHeight() {
-  const dom = document.querySelector(".v-adjust-xux-height");
+  const name = "height";
+  const dom = document.querySelector("." + cssHeightName + name);
   if (dom) {
     return dom;
   } else {
     const xux = document.createElement("div");
-    xux.className = "v-adjust-xux-height";
+    xux.className = cssHeightName + name;
     xux.style.zIndex = "100000";
     xux.style.position = "fixed";
     xux.style.left = "0";
     xux.style.right = "0";
     xux.style.height = "0";
     xux.style.display = "none";
-    xux.style.borderBottom = "3px dashed #1d8bfa";
+    xux.style.borderBottom = border;
     document.body.appendChild(xux);
     return xux;
   }
 }
 function getDomWidth() {
-  const dom = document.querySelector(".v-adjust-xux-width");
+  const name = "width";
+  const dom = document.querySelector("." + cssHeightName + name);
   if (dom) {
     return dom;
   } else {
     const xux = document.createElement("div");
-    xux.className = "v-adjust-xux-width";
+    xux.className = cssHeightName + name;
     xux.style.zIndex = "100000";
     xux.style.position = "fixed";
     xux.style.top = "0";
     xux.style.bottom = "0";
     xux.style.width = "0";
     xux.style.display = "none";
-    xux.style.borderLeft = "3px dashed #1d8bfa";
+    xux.style.borderLeft = border;
     document.body.appendChild(xux);
     return xux;
   }

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 = require("sortablejs");
+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);
+    }
+  }
+};
+exports.default = vSortable;

package/dist/directives/{adjust/index copy 2.d.ts → sortable/index.d.ts}

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

package/dist/directives/sortable/index.js

@@ -0,0 +1,45 @@
+import Sortable from "sortablejs";
+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-IEODUGVJ.cjs → chunk-2L4PC7LZ.cjs}

@@ -129,9 +129,11 @@ var config_default = {
     "list",
     "lists",
     "listsp",
+    "listspd",
     "paging",
     "tables",
     "tablesp",
+    "tablespd",
     "tabless",
     "tablesv",
     "tablesvp"
@@ -143,6 +145,7 @@ var config_default = {
     "inserted",
     "locus",
     "scroll",
+    "sortable",
     "stick",
     "v-loading"
   ],
@@ -196,9 +199,11 @@ var config_default = {
     "list",
     "lists",
     "listsp",
+    "listspd",
     "paging",
     "tables",
     "tablesp",
+    "tablespd",
     "tabless",
     "tablesv",
     "tablesvp",

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

@@ -129,9 +129,11 @@ var config_default = {
     "list",
     "lists",
     "listsp",
+    "listspd",
     "paging",
     "tables",
     "tablesp",
+    "tablespd",
     "tabless",
     "tablesv",
     "tablesvp"
@@ -143,6 +145,7 @@ var config_default = {
     "inserted",
     "locus",
     "scroll",
+    "sortable",
     "stick",
     "v-loading"
   ],
@@ -196,9 +199,11 @@ var config_default = {
     "list",
     "lists",
     "listsp",
+    "listspd",
     "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 _chunk2L4PC7LZcjs = require('./chunk-2L4PC7LZ.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 (_chunk2L4PC7LZcjs.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 (_chunk2L4PC7LZcjs.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 (_chunk2L4PC7LZcjs.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 (_chunk2L4PC7LZcjs.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-RBGCE6BS.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 _chunk2L4PC7LZcjs = require('./chunk-2L4PC7LZ.cjs');
 
 
-exports.default = _chunkIEODUGVJcjs.config_default;
+exports.default = _chunk2L4PC7LZcjs.config_default;

package/dist/expand/config.js

@@ -1,6 +1,6 @@
 import {
   config_default
-} from "./chunk-XY53LCPN.js";
+} from "./chunk-RBGCE6BS.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": 1762873785830,
     "icons": {
         "bar": {
             "body": " <path fill=\"currentColor\" d=\"M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z\" ></path> "