jky-component-lib 0.0.98 → 0.0.100

package/dist/lib/index.js

@@ -6,17 +6,19 @@ const installer$1 = require("./utils/installer.js");
 const resolver = require("./resolver.js");
 const AMarker_vue_vue_type_script_setup_true_lang = require("./amap/AMarker.vue.js");
 ;/* empty css                   */
+const ATrackPlayback_vue_vue_type_script_setup_true_lang = require("./amap/ATrackPlayback.vue.js");
+;/* empty css                          */
 const index = require("./amap/index.js");
-const index$1 = require("./add-input/index.js");
-const index$2 = require("./button/index.js");
-const index$3 = require("./button-nav/index.js");
-const index$4 = require("./code-mirror-editor/index.js");
-const index$5 = require("./form/index.js");
-const index$6 = require("./menu/index.js");
-const index$7 = require("./modal/index.js");
-const index$8 = require("./page-header/index.js");
-const index$9 = require("./page-layout/index.js");
-const index$a = require("./page-table/index.js");
+const index$1 = require("./page-table/index.js");
+const index$2 = require("./add-input/index.js");
+const index$3 = require("./button/index.js");
+const index$4 = require("./button-nav/index.js");
+const index$5 = require("./code-mirror-editor/index.js");
+const index$6 = require("./form/index.js");
+const index$7 = require("./menu/index.js");
+const index$8 = require("./modal/index.js");
+const index$9 = require("./page-header/index.js");
+const index$a = require("./page-layout/index.js");
 const index$b = require("./rich-editor/index.js");
 const index$c = require("./say-hello/index.js");
 const index$d = require("./tabs/index.js");
@@ -28,18 +30,22 @@ const version = installer.version;
 exports.components = components.components;
 exports.JkyComponentLibResolver = resolver.JkyComponentLibResolver;
 exports.AMarker = AMarker_vue_vue_type_script_setup_true_lang.default;
+exports.ATrackPlayback = ATrackPlayback_vue_vue_type_script_setup_true_lang.default;
 exports.JkyAMap = index.JkyAMap;
 exports.JkyAMarker = index.JkyAMarker;
-exports.JkyAddInput = index$1.JkyAddInput;
-exports.JkyButton = index$2.JkyButton;
-exports.JkyButtonNav = index$3.JkyButtonNav;
-exports.JkyCodeMirrorEditor = index$4.JkyCodeMirrorEditor;
-exports.JkyForm = index$5.JkyForm;
-exports.JkyMenu = index$6.JkyMenu;
-exports.JkyModal = index$7.JkyModal;
-exports.JkyPageHeader = index$8.JkyPageHeader;
-exports.JkyPageLayout = index$9.JkyPageLayout;
-exports.JkyPageTable = index$a.JkyPageTable;
+exports.JkyATrackPlayback = index.JkyATrackPlayback;
+exports.JkyActionColumn = index$1.JkyActionColumn;
+exports.JkyPageTable = index$1.JkyPageTable;
+exports.JkyPageTableColumn = index$1.JkyPageTableColumn;
+exports.JkyAddInput = index$2.JkyAddInput;
+exports.JkyButton = index$3.JkyButton;
+exports.JkyButtonNav = index$4.JkyButtonNav;
+exports.JkyCodeMirrorEditor = index$5.JkyCodeMirrorEditor;
+exports.JkyForm = index$6.JkyForm;
+exports.JkyMenu = index$7.JkyMenu;
+exports.JkyModal = index$8.JkyModal;
+exports.JkyPageHeader = index$9.JkyPageHeader;
+exports.JkyPageLayout = index$a.JkyPageLayout;
 exports.JkyRichEditor = index$b.JkyRichEditor;
 exports.JkySayHello = index$c.JkySayHello;
 exports.JkyTabs = index$d.JkyTabs;

package/dist/lib/package.json.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const version = "0.0.98";
+const version = "0.0.100";
 exports.version = version;

package/dist/lib/page-table/ActionColumn.vue.d.ts

@@ -0,0 +1,11 @@
+import { ActionColumnButtonConfig, ActionColumnConfig, ActionColumnProps } from './types';
+declare const _default: import('vue').DefineComponent<ActionColumnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (button: ActionColumnButtonConfig, row: any, index: number) => any;
+}, string, import('vue').PublicProps, Readonly<ActionColumnProps> & Readonly<{
+    onClick?: ((button: ActionColumnButtonConfig, row: any, index: number) => any) | undefined;
+}>, {
+    index: number;
+    row: any;
+    config: ActionColumnConfig;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/lib/page-table/ActionColumn.vue.js

@@ -0,0 +1,137 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const ElementPlus = require("element-plus");
+const _hoisted_1 = { class: "jky-action-column flex gap-2 items-center" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyActionColumn"
+}), {
+  __name: "ActionColumn",
+  props: {
+    row: { default: () => ({}) },
+    index: { default: 0 },
+    config: { default: () => ({}) }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const mergedConfig = vue.computed(() => __spreadValues({
+      label: "操作",
+      width: "auto",
+      fixed: "right",
+      buttonLimit: 3,
+      moreButtonText: "更多",
+      buttons: []
+    }, props.config));
+    function isButtonVisible(button) {
+      if (button.hidden === void 0)
+        return true;
+      if (typeof button.hidden === "boolean")
+        return !button.hidden;
+      return !button.hidden(props.row, props.index);
+    }
+    const visibleButtons = vue.computed(() => {
+      if (!mergedConfig.value.buttons)
+        return [];
+      return mergedConfig.value.buttons.filter((button) => isButtonVisible(button));
+    });
+    const displayButtons = vue.computed(() => {
+      const limit = mergedConfig.value.buttonLimit || 3;
+      return visibleButtons.value.slice(0, limit);
+    });
+    const collapsedButtons = vue.computed(() => {
+      const limit = mergedConfig.value.buttonLimit || 3;
+      return visibleButtons.value.slice(limit);
+    });
+    function handleButtonClick(button) {
+      if (button.onClick) {
+        button.onClick({
+          row: props.row,
+          index: props.index
+        });
+      }
+      emit("click", button, props.row, props.index);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayButtons.value, (button) => {
+          return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElButton), {
+            key: button.label,
+            type: button.type || "primary",
+            size: button.size || "small",
+            disabled: button.disabled,
+            icon: button.icon,
+            plain: button.plain,
+            class: vue.normalizeClass(button.class),
+            text: "",
+            onClick: ($event) => handleButtonClick(button)
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(button.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["type", "size", "disabled", "icon", "plain", "class", "onClick"]);
+        }), 128)),
+        collapsedButtons.value.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElDropdown), {
+          key: 0,
+          trigger: "click"
+        }, {
+          dropdown: vue.withCtx(() => [
+            vue.createVNode(vue.unref(ElementPlus.ElDropdownMenu), null, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(collapsedButtons.value, (button) => {
+                  return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElDropdownItem), {
+                    key: button.label,
+                    disabled: button.disabled,
+                    onClick: ($event) => handleButtonClick(button)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(vue.toDisplayString(button.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["disabled", "onClick"]);
+                }), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(ElementPlus.ElButton), {
+              text: "",
+              type: "primary",
+              size: "small"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(mergedConfig.value.moreButtonText) + " ", 1),
+                _cache[0] || (_cache[0] = vue.createElementVNode("span", { class: "i-ep-arrow-down ml-1" }, null, -1))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+}));
+exports.default = _sfc_main;

package/dist/lib/page-table/ActionColumn.vue3.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ActionColumn_vue_vue_type_script_setup_true_lang = require("./ActionColumn.vue.js");
+;/* empty css                   */
+exports.default = ActionColumn_vue_vue_type_script_setup_true_lang.default;