@fangzhongya/fang-ui 0.1.20 → 0.1.21

package/dist/css/index.css

@@ -1628,7 +1628,7 @@
   background-color: #eee;
 }
 .lists-list {
-  padding: 0 var(--lists-interval);
+  padding: 0 var(--lists-interval-horizon, var(--lists-interval));
 }
 .lists-list.is-absolute {
   position: absolute;
@@ -1643,7 +1643,7 @@
 }
 .lists-list-item {
   background-color: #fff;
-  margin: 0 var(--lists-interval);
+  margin: 0 var(--lists-interval-horizon, var(--lists-interval));
   margin-bottom: calc(var(--lists-interval) * 2);
 }
 .lists-list-item.is-active {
@@ -1680,6 +1680,30 @@
   justify-content: flex-end;
 }
 
+.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;
+}
+
 .tablespd {
   width: 100%;
   flex: 1;
@@ -1811,4 +1835,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/lists.css

@@ -22,7 +22,7 @@
   background-color: #eee;
 }
 .lists-list {
-  padding: 0 var(--lists-interval);
+  padding: 0 var(--lists-interval-horizon, var(--lists-interval));
 }
 .lists-list.is-absolute {
   position: absolute;
@@ -37,7 +37,7 @@
 }
 .lists-list-item {
   background-color: #fff;
-  margin: 0 var(--lists-interval);
+  margin: 0 var(--lists-interval-horizon, var(--lists-interval));
   margin-bottom: calc(var(--lists-interval) * 2);
 }
 .lists-list-item.is-active {

package/dist/css/listsp.css

@@ -22,7 +22,7 @@
   background-color: #eee;
 }
 .lists-list {
-  padding: 0 var(--lists-interval);
+  padding: 0 var(--lists-interval-horizon, var(--lists-interval));
 }
 .lists-list.is-absolute {
   position: absolute;
@@ -37,7 +37,7 @@
 }
 .lists-list-item {
   background-color: #fff;
-  margin: 0 var(--lists-interval);
+  margin: 0 var(--lists-interval-horizon, var(--lists-interval));
   margin-bottom: calc(var(--lists-interval) * 2);
 }
 .lists-list-item.is-active {

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

@@ -1,6 +1,6 @@
 "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 Sortable = require("sortablejs");
 const vSortable = {
   name: "Sortable",
   mounted(el, binding) {
@@ -38,7 +38,7 @@ const vSortable = {
           is: void 0
         }
       );
-      sortable_esm.default.create(dom, options);
+      Sortable.create(dom, options);
     }
   }
 };

package/dist/directives/sortable/index.js

@@ -1,4 +1,4 @@
-import Sortable from "../../node_modules/.pnpm/sortablejs@1.15.6/node_modules/sortablejs/modular/sortable.esm.js";
+import Sortable from "sortablejs";
 const vSortable = {
   name: "Sortable",
   mounted(el, binding) {

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

@@ -129,6 +129,7 @@ var config_default = {
     "list",
     "lists",
     "listsp",
+    "listspd",
     "paging",
     "tables",
     "tablesp",
@@ -198,6 +199,7 @@ var config_default = {
     "list",
     "lists",
     "listsp",
+    "listspd",
     "paging",
     "tables",
     "tablesp",

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

@@ -129,6 +129,7 @@ var config_default = {
     "list",
     "lists",
     "listsp",
+    "listspd",
     "paging",
     "tables",
     "tablesp",
@@ -198,6 +199,7 @@ var config_default = {
     "list",
     "lists",
     "listsp",
+    "listspd",
     "paging",
     "tables",
     "tablesp",

package/dist/expand/components.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkOT6GISSRcjs = require('./chunk-OT6GISSR.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 (_chunkOT6GISSRcjs.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 (_chunkOT6GISSRcjs.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 (_chunkOT6GISSRcjs.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 (_chunkOT6GISSRcjs.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-2BLP2ANQ.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 _chunkOT6GISSRcjs = require('./chunk-OT6GISSR.cjs');
+var _chunk2L4PC7LZcjs = require('./chunk-2L4PC7LZ.cjs');
 
 
-exports.default = _chunkOT6GISSRcjs.config_default;
+exports.default = _chunk2L4PC7LZcjs.config_default;

package/dist/expand/config.js

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

package/dist/icons/index.json

@@ -1,7 +1,7 @@
 {
     "prefix": "fang-ui",
     "info": {},
-    "lastModified": 1762855089390,
+    "lastModified": 1762873785830,
     "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$2Z = require("./components/index.cjs");
-const index$2_ = require("./directives/index.cjs");
-const index$2$ = require("./icons/index.cjs");
+const index$2_ = require("./components/index.cjs");
+const index$2$ = require("./directives/index.cjs");
+const index$30 = 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");
@@ -176,34 +176,35 @@ const index$2G = require("./components/uploads/index.cjs");
 const index$2H = require("./components/list/index.cjs");
 const index$2I = require("./components/lists/index.cjs");
 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/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$2K = require("./components/listspd/index.cjs");
+const index$2L = require("./components/paging/index.cjs");
+const index$2M = require("./components/tables/index.cjs");
+const index$2N = require("./components/tablesp/index.cjs");
+const index$2O = require("./components/tablespd/index.cjs");
+const index$2P = require("./components/tabless/index.cjs");
+const index$2Q = require("./components/tablesv/index.cjs");
+const index$2R = require("./components/tablesvp/index.cjs");
+const index$2S = require("./directives/adjust/index.cjs");
+const index$2T = require("./directives/drag/index.cjs");
+const index$2U = require("./directives/expose/index.cjs");
+const index$2V = require("./directives/inserted/index.cjs");
+const index$2W = require("./directives/locus/index.cjs");
+const index$2X = require("./directives/scroll/index.cjs");
+const index$2Y = require("./directives/sortable/index.cjs");
+const index$2Z = require("./directives/stick/index.cjs");
 const index = {
   install: function(app) {
-    const com = index$2Z;
+    const com = index$2_;
     Object.keys(com).forEach((key) => {
       if (com[key].install) {
         com[key].install(app);
       }
     });
-    const dire = index$2_;
+    const dire = index$2$;
     Object.keys(dire).forEach((key) => {
       app.directive(key, dire[key]);
     });
-    index$2$.default(app);
+    index$30.default(app);
   }
 };
 exports.Button = index$1.Button;
@@ -338,21 +339,22 @@ exports.Uploads = index$2G.Uploads;
 exports.List = index$2H.List;
 exports.Lists = index$2I.Lists;
 exports.Listsp = index$2J.Listsp;
-exports.Paging = index$2K.Paging;
-exports.Tables = index$2L.Tables;
-exports.Tablesp = index$2M.Tablesp;
-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.Listspd = index$2K.Listspd;
+exports.Paging = index$2L.Paging;
+exports.Tables = index$2M.Tables;
+exports.Tablesp = index$2N.Tablesp;
+exports.Tablespd = index$2O.Tablespd;
+exports.Tabless = index$2P.Tabless;
+exports.Tablesv = index$2Q.Tablesv;
+exports.Tablesvp = index$2R.Tablesvp;
+exports.Adjust = index$2S.default;
+exports.Drag = index$2T.default;
+exports.Expose = index$2U.default;
+exports.Inserted = index$2V.default;
+exports.Locus = index$2W.default;
+exports.Scroll = index$2X.default;
+exports.Sortable = index$2Y.default;
+exports.Stick = index$2Z.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/{components/index.css → index.css}

@@ -1628,7 +1628,7 @@
   background-color: #eee;
 }
 .lists-list {
-  padding: 0 var(--lists-interval);
+  padding: 0 var(--lists-interval-horizon, var(--lists-interval));
 }
 .lists-list.is-absolute {
   position: absolute;
@@ -1643,7 +1643,7 @@
 }
 .lists-list-item {
   background-color: #fff;
-  margin: 0 var(--lists-interval);
+  margin: 0 var(--lists-interval-horizon, var(--lists-interval));
   margin-bottom: calc(var(--lists-interval) * 2);
 }
 .lists-list-item.is-active {
@@ -1680,6 +1680,30 @@
   justify-content: flex-end;
 }
 
+.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;
+}
+
 .tablespd {
   width: 100%;
   flex: 1;
@@ -1811,4 +1835,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/index.js

@@ -175,6 +175,7 @@ import { Uploads } from "./components/uploads/index.js";
 import { List } from "./components/list/index.js";
 import { Lists } from "./components/lists/index.js";
 import { Listsp } from "./components/listsp/index.js";
+import { Listspd } from "./components/listspd/index.js";
 import { Paging } from "./components/paging/index.js";
 import { Tables } from "./components/tables/index.js";
 import { Tablesp } from "./components/tablesp/index.js";
@@ -281,6 +282,7 @@ export {
   List,
   Lists,
   Listsp,
+  Listspd,
   Loading,
   default6 as Locus,
   Mention,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.1.20",
+  "version": "0.1.21",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -52,13 +52,13 @@
     "vuedraggable": "4.1.0",
     "vxe-table": "4.17.13",
     "@fang-ui/components": "0.0.1-0",
-    "@fang-ui/hooks": "0.0.1-0",
-    "@fang-ui/directives": "0.0.1-0",
-    "@fang-ui/types": "0.0.1-0",
     "@fang-ui/icons": "0.0.1-0",
-    "@fang-ui/utils": "0.0.1-0",
+    "@fang-ui/directives": "0.0.1-0",
+    "@fang-ui/hooks": "0.0.1-0",
+    "@fang-ui/locale": "0.0.1-0",
     "@fang-ui/theme": "0.0.1-0",
-    "@fang-ui/locale": "0.0.1-0"
+    "@fang-ui/types": "0.0.1-0",
+    "@fang-ui/utils": "0.0.1-0"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",

package/dist/directives/adjust/index copy 2.d.ts

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