@fangzhongya/page 0.0.35 → 0.0.36

package/dist/effect/draggable.cjs

@@ -1,168 +1,115 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-const common = require("../render/common.cjs");
-const design$1 = require("./design.cjs");
-const design = require("../components/control/design.cjs");
-const config = require("../config.cjs");
-const config$1 = require("../components/control/config.cjs");
-const util$1 = require("../components/operate/util.cjs");
-const util$2 = require("../config/util.cjs");
-const Draggable = require("vuedraggable");
-const index = require("../utils/index.cjs");
-const humpToLine = require("@fangzhongya/utils/name/humpToLine");
-const util = require("../components/design/resizable/util.cjs");
-const position = config.enums.position;
-const cs = index.getClass("effect-drag");
+const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+const require_config = require("../config.cjs");
+const require_index = require("../utils/index.cjs");
+const require_common = require("../render/common.cjs");
+const require_util = require("../config/util.cjs");
+const require_util$1 = require("../components/operate/util.cjs");
+const require_util$2 = require("../components/design/resizable/util.cjs");
+const require_config$1 = require("../components/control/config.cjs");
+const require_design = require("../components/control/design.cjs");
+const require_design$1 = require("./design.cjs");
+let vue = require("vue");
+let _fangzhongya_utils_name_humpToLine = require("@fangzhongya/utils/name/humpToLine");
+let vuedraggable = require("vuedraggable");
+vuedraggable = require_runtime.__toESM(vuedraggable, 1);
+//#region packages/effect/draggable.ts
+var position = require_config.enums.position;
+var cs = require_index.getClass("effect-drag");
 function getDraggableDiv(slots, assembly, params, callback, key) {
-  const group = vue.computed(() => {
-    if (assembly.name === "PageVif") {
-      return {
-        name: "vif"
-      };
-    }
-    return {
-      name: "compon"
-    };
-  });
-  const right = vue.inject("right");
-  const rkey = vue.inject("rkey");
-  const replication = vue.inject("replication");
-  const onClick = (element) => {
-    right.value = element;
-  };
-  const mouseenter = util.useDistance();
-  const showRightKey = util$1.useRightKey();
-  return vue.h(
-    "div",
-    {
-      class: [cs()]
-    },
-    [
-      // h('div', { class: cs('draggable-name') }, [key]),
-      vue.h(
-        Draggable,
-        {
-          group: group.value,
-          modelValue: slots,
-          animation: 100,
-          class: [cs("draggable")],
-          itemKey: "id",
-          tag: "div",
-          ghostClass: "design-sortable-ghost",
-          chosenClass: "design-sortable-chosen",
-          dragClass: "design-sortable-drag",
-          filter: ".page-undraggable",
-          "onUpdate:modelValue": (value) => {
-            slots.splice(0, slots.length, ...value);
-          }
-        },
-        {
-          item(scope) {
-            return callback(scope.element, params, {
-              class: [
-                cs("draggable-item"),
-                "page-" + humpToLine.humpToLine(scope.element.name),
-                util$2.getComponObj(scope.element).status?.inline ? "__page_is-inline" : "",
-                scope.element === right.value ? "__page_on" : "",
-                scope.element.design?.islock ? "page-undraggable" : "",
-                scope.element.design?.full ? "__page_full" : ""
-              ],
-              index: scope.index,
-              list: slots,
-              right,
-              rkey,
-              replication,
-              onClick: (e) => {
-                e.stopPropagation();
-                onClick(scope.element);
-              },
-              onContextmenu: (event) => {
-                const target = event.target;
-                if (!target) {
-                  return;
-                }
-                event.preventDefault();
-                event.stopPropagation();
-                showRightKey(
-                  {
-                    x: event.clientX,
-                    y: event.clientY
-                  },
-                  scope.element,
-                  slots,
-                  scope.index
-                );
-              },
-              ooMouseenter: mouseenter,
-              onSet: (event) => {
-                showRightKey(
-                  {
-                    x: event.clientX,
-                    y: event.clientY
-                  },
-                  scope.element,
-                  slots,
-                  scope.index
-                );
-              }
-            });
-          },
-          footer() {
-            if (slots.length == 0) {
-              return vue.h(
-                "div",
-                {
-                  class: [cs("draggable-empty")]
-                },
-                ["给" + (key || "") + "插槽拖入组件"]
-              );
-            } else {
-              return "";
-            }
-          }
-        }
-      )
-    ]
-  );
+	const group = (0, vue.computed)(() => {
+		if (assembly.name === "PageVif") return { name: "vif" };
+		return { name: "compon" };
+	});
+	const right = (0, vue.inject)("right");
+	const rkey = (0, vue.inject)("rkey");
+	const replication = (0, vue.inject)("replication");
+	const onClick = (element) => {
+		right.value = element;
+	};
+	const mouseenter = require_util$2.useDistance();
+	const showRightKey = require_util$1.useRightKey();
+	return (0, vue.h)("div", { class: [cs()] }, [(0, vue.h)(vuedraggable.default, {
+		group: group.value,
+		modelValue: slots,
+		animation: 100,
+		class: [cs("draggable")],
+		itemKey: "id",
+		tag: "div",
+		ghostClass: "design-sortable-ghost",
+		chosenClass: "design-sortable-chosen",
+		dragClass: "design-sortable-drag",
+		filter: ".page-undraggable",
+		"onUpdate:modelValue": (value) => {
+			slots.splice(0, slots.length, ...value);
+		}
+	}, {
+		item(scope) {
+			return callback(scope.element, params, {
+				class: [
+					cs("draggable-item"),
+					"page-" + (0, _fangzhongya_utils_name_humpToLine.humpToLine)(scope.element.name),
+					require_util.getComponObj(scope.element).status?.inline ? "__page_is-inline" : "",
+					scope.element === right.value ? "__page_on" : "",
+					scope.element.design?.islock ? "page-undraggable" : "",
+					scope.element.design?.full ? "__page_full" : ""
+				],
+				index: scope.index,
+				list: slots,
+				right,
+				rkey,
+				replication,
+				onClick: (e) => {
+					e.stopPropagation();
+					onClick(scope.element);
+				},
+				onContextmenu: (event) => {
+					if (!event.target) return;
+					event.preventDefault();
+					event.stopPropagation();
+					showRightKey({
+						x: event.clientX,
+						y: event.clientY
+					}, scope.element, slots, scope.index);
+				},
+				ooMouseenter: mouseenter,
+				onSet: (event) => {
+					showRightKey({
+						x: event.clientX,
+						y: event.clientY
+					}, scope.element, slots, scope.index);
+				}
+			});
+		},
+		footer() {
+			if (slots.length == 0) return (0, vue.h)("div", { class: [cs("draggable-empty")] }, ["给" + (key || "") + "插槽拖入组件"]);
+			else return "";
+		}
+	})]);
 }
-function getGridDiv(obj, config2, params, temps) {
-  config2.assembly = obj;
-  const items = common.getSlotsArray(obj) || [];
-  config2.items = items;
-  config2["onUpdate:items"] = (value) => {
-    items.splice(0, items.length, ...value);
-  };
-  return config$1.getDesignSlots(obj, (slots, key, scope) => {
-    if (key === position) {
-      return design.getResizable(
-        slots,
-        obj,
-        params,
-        key,
-        temps
-      );
-    }
-    const v = slots[scope.value.index];
-    if (v) {
-      const arr = common.getSlotsArray(v);
-      const value = scope.value.value;
-      Object.keys(value).forEach((key2) => {
-        v.attrs[key2] = value[key2];
-      });
-      const ts = common.getTempsArr(temps, [scope]);
-      return getDraggableDiv(
-        arr,
-        v,
-        params,
-        (v2, p, c) => {
-          return design$1.setDesign(v2, p, ts, c);
-        },
-        key
-      );
-    }
-    return "";
-  });
+function getGridDiv(obj, config, params, temps) {
+	config.assembly = obj;
+	const items = require_common.getSlotsArray(obj) || [];
+	config.items = items;
+	config["onUpdate:items"] = (value) => {
+		items.splice(0, items.length, ...value);
+	};
+	return require_config$1.getDesignSlots(obj, (slots, key, scope) => {
+		if (key === position) return require_design.getResizable(slots, obj, params, key, temps);
+		const v = slots[scope.value.index];
+		if (v) {
+			const arr = require_common.getSlotsArray(v);
+			const value = scope.value.value;
+			Object.keys(value).forEach((key) => {
+				v.attrs[key] = value[key];
+			});
+			const ts = require_common.getTempsArr(temps, [scope]);
+			return getDraggableDiv(arr, v, params, (v, p, c) => {
+				return require_design$1.setDesign(v, p, ts, c);
+			}, key);
+		}
+		return "";
+	});
 }
+//#endregion
 exports.getDraggableDiv = getDraggableDiv;
 exports.getGridDiv = getGridDiv;

package/dist/effect/draggable.d.ts

@@ -1,4 +1,4 @@
-export declare function getDraggableDiv(slots: Array<ControlDesign>, assembly: ControlDesign, params: ObjAny, callback: Function, key?: string): globalThis.VNode<import('vue').RendererNode, import('vue').RendererElement, {
+export declare function getDraggableDiv(slots: Array<ControlDesign>, assembly: ControlDesign, params: ObjAny, callback: Function, key?: string): globalThis.VNode<import('../../../vue/dist/vue.esm-bundler.js').RendererNode, import('../../../vue/dist/vue.esm-bundler.js').RendererElement, {
     [key: string]: any;
 }>;
 export declare function getGridDiv(obj: ControlDesign, config: ObjAny, params: ObjAny, temps: Array<TempsObject>): {

package/dist/effect/draggable.js

@@ -1,168 +1,112 @@
-import { computed, inject, h } from "vue";
-import { getSlotsArray, getTempsArr } from "../render/common.js";
-import { setDesign } from "./design.js";
-import { getResizable } from "../components/control/design.js";
 import { enums } from "../config.js";
-import { getDesignSlots } from "../components/control/config.js";
-import { useRightKey } from "../components/operate/util.js";
-import { getComponObj } from "../config/util.js";
-import Draggable from "vuedraggable";
 import { getClass } from "../utils/index.js";
-import { humpToLine } from "@fangzhongya/utils/name/humpToLine";
+import { getSlotsArray, getTempsArr } from "../render/common.js";
+import { getComponObj } from "../config/util.js";
+import { useRightKey } from "../components/operate/util.js";
 import { useDistance } from "../components/design/resizable/util.js";
-const position = enums.position;
-const cs = getClass("effect-drag");
+import { getDesignSlots } from "../components/control/config.js";
+import { getResizable } from "../components/control/design.js";
+import { setDesign } from "./design.js";
+import { computed, h, inject } from "vue";
+import { humpToLine } from "@fangzhongya/utils/name/humpToLine";
+import Draggable from "vuedraggable";
+//#region packages/effect/draggable.ts
+var position = enums.position;
+var cs = getClass("effect-drag");
 function getDraggableDiv(slots, assembly, params, callback, key) {
-  const group = computed(() => {
-    if (assembly.name === "PageVif") {
-      return {
-        name: "vif"
-      };
-    }
-    return {
-      name: "compon"
-    };
-  });
-  const right = inject("right");
-  const rkey = inject("rkey");
-  const replication = inject("replication");
-  const onClick = (element) => {
-    right.value = element;
-  };
-  const mouseenter = useDistance();
-  const showRightKey = useRightKey();
-  return h(
-    "div",
-    {
-      class: [cs()]
-    },
-    [
-      // h('div', { class: cs('draggable-name') }, [key]),
-      h(
-        Draggable,
-        {
-          group: group.value,
-          modelValue: slots,
-          animation: 100,
-          class: [cs("draggable")],
-          itemKey: "id",
-          tag: "div",
-          ghostClass: "design-sortable-ghost",
-          chosenClass: "design-sortable-chosen",
-          dragClass: "design-sortable-drag",
-          filter: ".page-undraggable",
-          "onUpdate:modelValue": (value) => {
-            slots.splice(0, slots.length, ...value);
-          }
-        },
-        {
-          item(scope) {
-            return callback(scope.element, params, {
-              class: [
-                cs("draggable-item"),
-                "page-" + humpToLine(scope.element.name),
-                getComponObj(scope.element).status?.inline ? "__page_is-inline" : "",
-                scope.element === right.value ? "__page_on" : "",
-                scope.element.design?.islock ? "page-undraggable" : "",
-                scope.element.design?.full ? "__page_full" : ""
-              ],
-              index: scope.index,
-              list: slots,
-              right,
-              rkey,
-              replication,
-              onClick: (e) => {
-                e.stopPropagation();
-                onClick(scope.element);
-              },
-              onContextmenu: (event) => {
-                const target = event.target;
-                if (!target) {
-                  return;
-                }
-                event.preventDefault();
-                event.stopPropagation();
-                showRightKey(
-                  {
-                    x: event.clientX,
-                    y: event.clientY
-                  },
-                  scope.element,
-                  slots,
-                  scope.index
-                );
-              },
-              ooMouseenter: mouseenter,
-              onSet: (event) => {
-                showRightKey(
-                  {
-                    x: event.clientX,
-                    y: event.clientY
-                  },
-                  scope.element,
-                  slots,
-                  scope.index
-                );
-              }
-            });
-          },
-          footer() {
-            if (slots.length == 0) {
-              return h(
-                "div",
-                {
-                  class: [cs("draggable-empty")]
-                },
-                ["给" + (key || "") + "插槽拖入组件"]
-              );
-            } else {
-              return "";
-            }
-          }
-        }
-      )
-    ]
-  );
+	const group = computed(() => {
+		if (assembly.name === "PageVif") return { name: "vif" };
+		return { name: "compon" };
+	});
+	const right = inject("right");
+	const rkey = inject("rkey");
+	const replication = inject("replication");
+	const onClick = (element) => {
+		right.value = element;
+	};
+	const mouseenter = useDistance();
+	const showRightKey = useRightKey();
+	return h("div", { class: [cs()] }, [h(Draggable, {
+		group: group.value,
+		modelValue: slots,
+		animation: 100,
+		class: [cs("draggable")],
+		itemKey: "id",
+		tag: "div",
+		ghostClass: "design-sortable-ghost",
+		chosenClass: "design-sortable-chosen",
+		dragClass: "design-sortable-drag",
+		filter: ".page-undraggable",
+		"onUpdate:modelValue": (value) => {
+			slots.splice(0, slots.length, ...value);
+		}
+	}, {
+		item(scope) {
+			return callback(scope.element, params, {
+				class: [
+					cs("draggable-item"),
+					"page-" + humpToLine(scope.element.name),
+					getComponObj(scope.element).status?.inline ? "__page_is-inline" : "",
+					scope.element === right.value ? "__page_on" : "",
+					scope.element.design?.islock ? "page-undraggable" : "",
+					scope.element.design?.full ? "__page_full" : ""
+				],
+				index: scope.index,
+				list: slots,
+				right,
+				rkey,
+				replication,
+				onClick: (e) => {
+					e.stopPropagation();
+					onClick(scope.element);
+				},
+				onContextmenu: (event) => {
+					if (!event.target) return;
+					event.preventDefault();
+					event.stopPropagation();
+					showRightKey({
+						x: event.clientX,
+						y: event.clientY
+					}, scope.element, slots, scope.index);
+				},
+				ooMouseenter: mouseenter,
+				onSet: (event) => {
+					showRightKey({
+						x: event.clientX,
+						y: event.clientY
+					}, scope.element, slots, scope.index);
+				}
+			});
+		},
+		footer() {
+			if (slots.length == 0) return h("div", { class: [cs("draggable-empty")] }, ["给" + (key || "") + "插槽拖入组件"]);
+			else return "";
+		}
+	})]);
 }
 function getGridDiv(obj, config, params, temps) {
-  config.assembly = obj;
-  const items = getSlotsArray(obj) || [];
-  config.items = items;
-  config["onUpdate:items"] = (value) => {
-    items.splice(0, items.length, ...value);
-  };
-  return getDesignSlots(obj, (slots, key, scope) => {
-    if (key === position) {
-      return getResizable(
-        slots,
-        obj,
-        params,
-        key,
-        temps
-      );
-    }
-    const v = slots[scope.value.index];
-    if (v) {
-      const arr = getSlotsArray(v);
-      const value = scope.value.value;
-      Object.keys(value).forEach((key2) => {
-        v.attrs[key2] = value[key2];
-      });
-      const ts = getTempsArr(temps, [scope]);
-      return getDraggableDiv(
-        arr,
-        v,
-        params,
-        (v2, p, c) => {
-          return setDesign(v2, p, ts, c);
-        },
-        key
-      );
-    }
-    return "";
-  });
+	config.assembly = obj;
+	const items = getSlotsArray(obj) || [];
+	config.items = items;
+	config["onUpdate:items"] = (value) => {
+		items.splice(0, items.length, ...value);
+	};
+	return getDesignSlots(obj, (slots, key, scope) => {
+		if (key === position) return getResizable(slots, obj, params, key, temps);
+		const v = slots[scope.value.index];
+		if (v) {
+			const arr = getSlotsArray(v);
+			const value = scope.value.value;
+			Object.keys(value).forEach((key) => {
+				v.attrs[key] = value[key];
+			});
+			const ts = getTempsArr(temps, [scope]);
+			return getDraggableDiv(arr, v, params, (v, p, c) => {
+				return setDesign(v, p, ts, c);
+			}, key);
+		}
+		return "";
+	});
 }
-export {
-  getDraggableDiv,
-  getGridDiv
-};
+//#endregion
+export { getDraggableDiv, getGridDiv };