@deppon/deppon-template 2.5.3 → 2.5.4

package/es/pro-layout/ProLayoutColumnsAside.vue.css

@@ -0,0 +1,62 @@
+.pro-layout__columns-aside {
+  flex-shrink: 0;
+  height: 100%;
+  border-radius: var(--pro-layout-shell-radius, 16px);
+  border: 1px solid var(--pro-layout-shell-border, rgba(255, 255, 255, 0.65));
+  background: var(--pro-layout-sider-bg, rgba(255, 255, 255, 0.92));
+  box-shadow: var(--pro-layout-shell-shadow);
+  backdrop-filter: blur(10px);
+  overflow: hidden;
+}
+.pro-layout__columns-aside-scroll {
+  height: 100%;
+}
+.pro-layout__columns-aside-list {
+  list-style: none;
+  margin: 0;
+  padding: 8px 4px;
+}
+.pro-layout__columns-aside-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  padding: 10px 4px;
+  margin-bottom: 4px;
+  border-radius: 12px;
+  cursor: pointer;
+  color: var(--pro-layout-text-muted, #64748b);
+  transition: background-color 0.15s ease, color 0.15s ease;
+}
+.pro-layout__columns-aside-item:hover {
+  background: #f8fafc;
+  color: var(--pro-layout-text, #0f172a);
+}
+.pro-layout__columns-aside-item--active {
+  background: linear-gradient(135deg, var(--pro-layout-accent-soft, #eef2ff) 0%, var(--pro-layout-accent-muted, #e0e7ff) 100%);
+  color: var(--pro-layout-accent-dark, #4338ca);
+  font-weight: 600;
+}
+.pro-layout__columns-aside-icon {
+  font-size: 18px;
+}
+.pro-layout__columns-aside-char {
+  width: 24px;
+  height: 24px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+  font-weight: 700;
+  border-radius: 8px;
+  background: #f1f5f9;
+}
+.pro-layout__columns-aside-label {
+  font-size: 11px;
+  line-height: 1.2;
+  text-align: center;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

package/es/pro-layout/ProLayoutColumnsAside.vue.js

@@ -0,0 +1,7 @@
+import '../_virtual/_rollup-plugin-inject-process-env.js';
+import script from './ProLayoutColumnsAside.vue_vue_type_script_setup_true_lang.vue.js';
+export { default } from './ProLayoutColumnsAside.vue_vue_type_script_setup_true_lang.vue.js';
+import './ProLayoutColumnsAside.vue_vue_type_style_index_0_id_18647f64_scoped_true_lang.vue.js';
+
+script.__scopeId = "data-v-18647f64";
+script.__file = "packages/deppon-template/src/pro-layout/ProLayoutColumnsAside.vue";

package/es/pro-layout/ProLayoutColumnsAside.vue_vue_type_script_setup_true_lang.vue.js

@@ -0,0 +1,86 @@
+import '../_virtual/_rollup-plugin-inject-process-env.js';
+import { openBlock, createElementBlock, normalizeStyle, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, normalizeClass, createBlock, resolveDynamicComponent, toDisplayString } from 'vue';
+import { ElScrollbar, ElIcon } from '@deppon/deppon-ui';
+
+var _hoisted_1 = {
+  "class": "pro-layout__columns-aside-list"
+};
+var _hoisted_2 = ["onClick"];
+var _hoisted_3 = {
+  key: 1,
+  "class": "pro-layout__columns-aside-char"
+};
+var _hoisted_4 = {
+  "class": "pro-layout__columns-aside-label"
+};
+var script = {
+  __name: 'ProLayoutColumnsAside',
+  props: {
+    items: {
+      type: Array,
+      "default": function _default() {
+        return [];
+      }
+    },
+    activeKey: {
+      type: String,
+      "default": ''
+    },
+    width: {
+      type: String,
+      "default": '72px'
+    }
+  },
+  emits: ['select'],
+  setup: function setup(__props, _ref) {
+    var __emit = _ref.emit;
+    var props = __props;
+    var emit = __emit;
+    var getFirstChar = function getFirstChar(item) {
+      var text = (item === null || item === void 0 ? void 0 : item.title) || (item === null || item === void 0 ? void 0 : item.label) || '';
+      return text ? String(text).charAt(0) : '';
+    };
+    var isActive = function isActive(item) {
+      var key = item.path || item.key;
+      return key && key === props.activeKey;
+    };
+    var handleSelect = function handleSelect(item) {
+      emit('select', item);
+    };
+    return function (_ctx, _cache) {
+      return openBlock(), createElementBlock("aside", {
+        "class": "pro-layout__columns-aside",
+        style: normalizeStyle({
+          width: __props.width
+        })
+      }, [createVNode(unref(ElScrollbar), {
+        "class": "pro-layout__columns-aside-scroll"
+      }, {
+        "default": withCtx(function () {
+          return [createElementVNode("ul", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, function (item) {
+            return openBlock(), createElementBlock("li", {
+              key: item.path || item.key,
+              "class": normalizeClass(["pro-layout__columns-aside-item", {
+                'pro-layout__columns-aside-item--active': isActive(item)
+              }]),
+              onClick: function onClick($event) {
+                return handleSelect(item);
+              }
+            }, [item.icon ? (openBlock(), createBlock(unref(ElIcon), {
+              key: 0,
+              "class": "pro-layout__columns-aside-icon"
+            }, {
+              "default": withCtx(function () {
+                return [(openBlock(), createBlock(resolveDynamicComponent(item.icon)))];
+              }),
+              _: 2 /* DYNAMIC */
+            }, 1024 /* DYNAMIC_SLOTS */)) : (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(getFirstChar(item)), 1 /* TEXT */)), createElementVNode("span", _hoisted_4, toDisplayString(item.title || item.label), 1 /* TEXT */)], 10 /* CLASS, PROPS */, _hoisted_2);
+          }), 128 /* KEYED_FRAGMENT */))])];
+        }),
+        _: 1 /* STABLE */
+      })], 4 /* STYLE */);
+    };
+  }
+};
+
+export { script as default };

package/es/pro-layout/ProLayoutColumnsAside.vue_vue_type_style_index_0_id_18647f64_scoped_true_lang.vue.js

@@ -0,0 +1 @@
+import './ProLayoutColumnsAside.vue.css';

package/es/pro-layout/ProLayoutSettingsDrawer.vue.css

@@ -0,0 +1,140 @@
+.pro-layout-settings-drawer .el-drawer__header {
+  margin-bottom: 0;
+  flex-shrink: 0;
+}
+.pro-layout-settings-drawer .el-drawer__body {
+  flex: 1;
+  min-height: 0;
+  padding: 12px 16px 20px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  box-sizing: border-box;
+}
+.pro-layout-settings-drawer__inner {
+  box-sizing: border-box;
+}
+.pro-layout-settings-drawer__section {
+  margin-bottom: 20px;
+}
+.pro-layout-settings-drawer__section-title {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--pro-layout-text, #0f172a);
+  margin-bottom: 12px;
+}
+.pro-layout-settings-drawer__layout-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+}
+.pro-layout-settings-drawer__layout-item {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6px;
+  padding: 8px;
+  border: 1px solid #e2e8f0;
+  border-radius: 12px;
+  background: #fff;
+  cursor: pointer;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
+}
+.pro-layout-settings-drawer__layout-item.is-active {
+  border-color: var(--pro-layout-accent, #1957ff);
+  box-shadow: 0 0 0 1px var(--pro-layout-accent, #1957ff);
+}
+.pro-layout-settings-drawer__layout-item:hover {
+  border-color: var(--pro-layout-accent-muted, #d1ddff);
+}
+.pro-layout-settings-drawer__layout-preview {
+  width: 100%;
+  height: 48px;
+  display: grid;
+  gap: 2px;
+  padding: 4px;
+  border-radius: 6px;
+  background: #f8fafc;
+  box-sizing: border-box;
+}
+.pro-layout-settings-drawer__layout-preview span {
+  border-radius: 2px;
+  background: #cbd5e1;
+}
+.pro-layout-settings-drawer__layout-preview .aside {
+  grid-row: 0.33333333;
+  background: #94a3b8;
+}
+.pro-layout-settings-drawer__layout-preview .header {
+  background: #e2e8f0;
+}
+.pro-layout-settings-drawer__layout-preview .main {
+  background: #f1f5f9;
+}
+.pro-layout-settings-drawer__layout-preview .main-wide {
+  grid-column: -1;
+  background: #f1f5f9;
+}
+.pro-layout-settings-drawer__layout-preview .col {
+  background: #64748b;
+}
+.pro-layout-settings-drawer__layout-preview.is-defaults {
+  grid-template-columns: 28% 1fr;
+  grid-template-rows: 14px 1fr;
+}
+.pro-layout-settings-drawer__layout-preview.is-classic {
+  grid-template-columns: 28% 1fr;
+  grid-template-rows: 14px 1fr;
+}
+.pro-layout-settings-drawer__layout-preview.is-classic .header {
+  grid-column: -1;
+}
+.pro-layout-settings-drawer__layout-preview.is-classic .aside {
+  grid-row: auto;
+}
+.pro-layout-settings-drawer__layout-preview.is-transverse {
+  grid-template-rows: 14px 1fr;
+}
+.pro-layout-settings-drawer__layout-preview.is-columns {
+  grid-template-columns: 12% 22% 1fr;
+  grid-template-rows: 14px 1fr;
+}
+.pro-layout-settings-drawer__layout-preview.is-columns .header {
+  grid-column: -2;
+}
+.pro-layout-settings-drawer__layout-preview.is-columns .main {
+  grid-column: -2;
+}
+.pro-layout-settings-drawer__layout-label {
+  font-size: 12px;
+  color: var(--pro-layout-text-muted, #64748b);
+}
+.pro-layout-settings-drawer__row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 10px;
+  font-size: 13px;
+  color: var(--pro-layout-text-muted, #64748b);
+}
+.pro-layout-settings-drawer__row-label {
+  flex: 1;
+  min-width: 0;
+  line-height: 1.4;
+}
+.pro-layout-settings-drawer__actions {
+  display: flex;
+  gap: 8px;
+  position: sticky;
+  bottom: 0;
+  z-index: 1;
+  margin-top: 8px;
+  padding-top: 12px;
+  padding-bottom: 4px;
+  border-top: 1px solid #e2e8f0;
+  background: var(--el-bg-color, #fff);
+}
+.pro-layout-settings-drawer__actions .el-button {
+  flex: 1;
+}

package/es/pro-layout/ProLayoutSettingsDrawer.vue.js

@@ -0,0 +1,7 @@
+import '../_virtual/_rollup-plugin-inject-process-env.js';
+import script from './ProLayoutSettingsDrawer.vue_vue_type_script_setup_true_lang.vue.js';
+export { default } from './ProLayoutSettingsDrawer.vue_vue_type_script_setup_true_lang.vue.js';
+import './ProLayoutSettingsDrawer.vue_vue_type_style_index_0_id_5b67a386_scoped_true_lang.vue.js';
+
+script.__scopeId = "data-v-5b67a386";
+script.__file = "packages/deppon-template/src/pro-layout/ProLayoutSettingsDrawer.vue";

package/es/pro-layout/ProLayoutSettingsDrawer.vue_vue_type_script_setup_true_lang.vue.js

@@ -0,0 +1,280 @@
+import '../_virtual/_rollup-plugin-inject-process-env.js';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { defineComponent, useSlots, computed, openBlock, createBlock, unref, withCtx, createElementVNode, renderSlot, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createVNode, createTextVNode } from 'vue';
+import { ElDrawer, ElSwitch, ElColorPicker, ElButton } from '@deppon/deppon-ui';
+import { PRO_LAYOUT_COLOR_SETTING_GROUPS, DEFAULT_PRO_LAYOUT_GLOBAL_COLORS } from './proLayoutGlobalColors.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _hoisted_1 = {
+  "class": "pro-layout-settings-drawer__inner"
+};
+var _hoisted_2 = {
+  "class": "pro-layout-settings-drawer__section"
+};
+var _hoisted_3 = {
+  "class": "pro-layout-settings-drawer__layout-grid"
+};
+var _hoisted_4 = ["onClick"];
+var _hoisted_5 = {
+  "class": "pro-layout-settings-drawer__layout-label"
+};
+var _hoisted_6 = {
+  "class": "pro-layout-settings-drawer__section"
+};
+var _hoisted_7 = {
+  "class": "pro-layout-settings-drawer__row"
+};
+var _hoisted_8 = {
+  "class": "pro-layout-settings-drawer__row"
+};
+var _hoisted_9 = {
+  "class": "pro-layout-settings-drawer__row"
+};
+var _hoisted_10 = {
+  "class": "pro-layout-settings-drawer__row"
+};
+var _hoisted_11 = {
+  "class": "pro-layout-settings-drawer__section-title"
+};
+var _hoisted_12 = {
+  "class": "pro-layout-settings-drawer__row-label"
+};
+var _hoisted_13 = {
+  "class": "pro-layout-settings-drawer__actions"
+};
+var script = /*@__PURE__*/defineComponent({
+  __name: 'ProLayoutSettingsDrawer',
+  props: {
+    modelValue: {
+      type: Boolean,
+      "default": false
+    },
+    theme: {
+      type: Object,
+      required: true
+    },
+    title: {
+      type: String,
+      "default": '布局与主题'
+    },
+    size: {
+      type: String,
+      "default": '320px'
+    }
+  },
+  emits: ['update:modelValue', 'update:theme', 'closed', 'apply', 'reset'],
+  setup: function setup(__props, _ref) {
+    var __emit = _ref.emit;
+    var GLOBAL_TO_TOKEN = {
+      'pro-layout-accent': 'accent',
+      'pro-layout-header-bg': 'headerBg',
+      'pro-layout-sider-bg': 'siderBg',
+      'pro-layout-main-bg': 'mainBg',
+      'pro-layout-tags-bar-bg': 'tagsBarBg',
+      'pro-layout-text': 'text',
+      'pro-layout-text-muted': 'textMuted'
+    };
+    var props = __props;
+    var emit = __emit;
+    var slots = useSlots();
+    /** 父级传入默认插槽时（如 ProLayout #settings-panel）替换内置面板 */
+    var hasCustomPanel = computed(function () {
+      return Boolean(slots["default"]);
+    });
+    var layoutOptions = [{
+      value: 'defaults',
+      label: '默认',
+      blocks: ['aside', 'header', 'main']
+    }, {
+      value: 'classic',
+      label: '经典',
+      blocks: ['header', 'aside', 'main']
+    }, {
+      value: 'transverse',
+      label: '横向',
+      blocks: ['header', 'main-wide']
+    }, {
+      value: 'columns',
+      label: '分栏',
+      blocks: ['col', 'aside', 'header', 'main']
+    }];
+    var colorSettingGroups = PRO_LAYOUT_COLOR_SETTING_GROUPS;
+    var drawerVisible = computed({
+      get: function get() {
+        return props.modelValue;
+      },
+      set: function set(val) {
+        return emit('update:modelValue', val);
+      }
+    });
+    var model = computed(function () {
+      return props.theme;
+    });
+    var patch = function patch(partial) {
+      emit('update:theme', _objectSpread(_objectSpread(_objectSpread({}, model.value), partial), {}, {
+        tokens: _objectSpread(_objectSpread({}, model.value.tokens), partial.tokens || {}),
+        globalColors: _objectSpread(_objectSpread({}, model.value.globalColors), partial.globalColors || {})
+      }));
+    };
+    var setLayout = function setLayout(layout) {
+      patch({
+        layout: layout
+      });
+    };
+    var getGlobalColor = function getGlobalColor(key) {
+      var _model$value$globalCo, _model$value$tokens;
+      var fromSaved = (_model$value$globalCo = model.value.globalColors) === null || _model$value$globalCo === void 0 ? void 0 : _model$value$globalCo[key];
+      if (fromSaved) return fromSaved;
+      if (DEFAULT_PRO_LAYOUT_GLOBAL_COLORS[key]) return DEFAULT_PRO_LAYOUT_GLOBAL_COLORS[key];
+      var tokenKey = GLOBAL_TO_TOKEN[key];
+      if (tokenKey && (_model$value$tokens = model.value.tokens) !== null && _model$value$tokens !== void 0 && _model$value$tokens[tokenKey]) {
+        return String(model.value.tokens[tokenKey]);
+      }
+      return '';
+    };
+    var onGlobalColorChange = function onGlobalColorChange(key, color) {
+      if (color == null || color === '') return;
+      var nextGlobal = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_PRO_LAYOUT_GLOBAL_COLORS), model.value.globalColors), {}, _defineProperty({}, key, color));
+      var tokenPatch = _objectSpread({}, model.value.tokens);
+      if (key === 'el-color-primary' || key === 'pro-layout-accent') {
+        nextGlobal['el-color-primary'] = color;
+        nextGlobal['pro-layout-accent'] = color;
+        tokenPatch.accent = color;
+      }
+      var tokenKey = GLOBAL_TO_TOKEN[key];
+      if (tokenKey) {
+        tokenPatch[tokenKey] = color;
+      }
+      patch({
+        globalColors: nextGlobal,
+        tokens: tokenPatch
+      });
+    };
+    return function (_ctx, _cache) {
+      return openBlock(), createBlock(unref(ElDrawer), {
+        modelValue: drawerVisible.value,
+        "onUpdate:modelValue": _cache[6] || (_cache[6] = function ($event) {
+          return drawerVisible.value = $event;
+        }),
+        title: __props.title,
+        direction: "rtl",
+        size: __props.size,
+        "destroy-on-close": "",
+        "class": "pro-layout-settings-drawer",
+        onClosed: _cache[7] || (_cache[7] = function ($event) {
+          return emit('closed');
+        })
+      }, {
+        "default": withCtx(function () {
+          return [createElementVNode("div", _hoisted_1, [hasCustomPanel.value ? renderSlot(_ctx.$slots, "default", {
+            key: 0
+          }) : (openBlock(), createElementBlock(Fragment, {
+            key: 1
+          }, [createElementVNode("section", _hoisted_2, [_cache[8] || (_cache[8] = createElementVNode("div", {
+            "class": "pro-layout-settings-drawer__section-title"
+          }, "布局结构", -1 /* CACHED */)), createElementVNode("div", _hoisted_3, [(openBlock(), createElementBlock(Fragment, null, renderList(layoutOptions, function (item) {
+            return createElementVNode("button", {
+              key: item.value,
+              type: "button",
+              "class": normalizeClass(["pro-layout-settings-drawer__layout-item", {
+                'is-active': model.value.layout === item.value
+              }]),
+              onClick: function onClick($event) {
+                return setLayout(item.value);
+              }
+            }, [createElementVNode("div", {
+              "class": normalizeClass(["pro-layout-settings-drawer__layout-preview", "is-".concat(item.value)])
+            }, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.blocks, function (block, idx) {
+              return openBlock(), createElementBlock("span", {
+                key: idx,
+                "class": normalizeClass(block)
+              }, null, 2 /* CLASS */);
+            }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */), createElementVNode("span", _hoisted_5, toDisplayString(item.label), 1 /* TEXT */)], 10 /* CLASS, PROPS */, _hoisted_4);
+          }), 64 /* STABLE_FRAGMENT */))])]), createElementVNode("section", _hoisted_6, [_cache[13] || (_cache[13] = createElementVNode("div", {
+            "class": "pro-layout-settings-drawer__section-title"
+          }, "界面", -1 /* CACHED */)), createElementVNode("div", _hoisted_7, [_cache[9] || (_cache[9] = createElementVNode("span", {
+            "class": "pro-layout-settings-drawer__row-label"
+          }, "固定顶栏", -1 /* CACHED */)), createVNode(unref(ElSwitch), {
+            "model-value": model.value.isFixedHeader,
+            onChange: _cache[0] || (_cache[0] = function ($event) {
+              return patch({
+                isFixedHeader: $event
+              });
+            })
+          }, null, 8 /* PROPS */, ["model-value"])]), createElementVNode("div", _hoisted_8, [_cache[10] || (_cache[10] = createElementVNode("span", {
+            "class": "pro-layout-settings-drawer__row-label"
+          }, "侧栏折叠", -1 /* CACHED */)), createVNode(unref(ElSwitch), {
+            "model-value": model.value.isCollapse,
+            onChange: _cache[1] || (_cache[1] = function ($event) {
+              return patch({
+                isCollapse: $event
+              });
+            })
+          }, null, 8 /* PROPS */, ["model-value"])]), createElementVNode("div", _hoisted_9, [_cache[11] || (_cache[11] = createElementVNode("span", {
+            "class": "pro-layout-settings-drawer__row-label"
+          }, "页签栏", -1 /* CACHED */)), createVNode(unref(ElSwitch), {
+            "model-value": model.value.isTagsView,
+            onChange: _cache[2] || (_cache[2] = function ($event) {
+              return patch({
+                isTagsView: $event
+              });
+            })
+          }, null, 8 /* PROPS */, ["model-value"])]), createElementVNode("div", _hoisted_10, [_cache[12] || (_cache[12] = createElementVNode("span", {
+            "class": "pro-layout-settings-drawer__row-label"
+          }, "显示侧栏", -1 /* CACHED */)), createVNode(unref(ElSwitch), {
+            "model-value": model.value.isShowSider,
+            onChange: _cache[3] || (_cache[3] = function ($event) {
+              return patch({
+                isShowSider: $event
+              });
+            })
+          }, null, 8 /* PROPS */, ["model-value"])])]), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(colorSettingGroups), function (group) {
+            return openBlock(), createElementBlock("section", {
+              key: group.title,
+              "class": "pro-layout-settings-drawer__section"
+            }, [createElementVNode("div", _hoisted_11, toDisplayString(group.title), 1 /* TEXT */), (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, function (item) {
+              return openBlock(), createElementBlock("div", {
+                key: item.key,
+                "class": "pro-layout-settings-drawer__row"
+              }, [createElementVNode("span", _hoisted_12, toDisplayString(item.label), 1 /* TEXT */), createVNode(unref(ElColorPicker), {
+                "model-value": getGlobalColor(item.key),
+                size: "small",
+                "show-alpha": Boolean(item.alpha),
+                "color-format": item.alpha ? undefined : 'hex',
+                "onUpdate:modelValue": function onUpdateModelValue($event) {
+                  return onGlobalColorChange(item.key, $event);
+                }
+              }, null, 8 /* PROPS */, ["model-value", "show-alpha", "color-format", "onUpdate:modelValue"])]);
+            }), 128 /* KEYED_FRAGMENT */))]);
+          }), 128 /* KEYED_FRAGMENT */)), createElementVNode("div", _hoisted_13, [createVNode(unref(ElButton), {
+            type: "primary",
+            onClick: _cache[4] || (_cache[4] = function ($event) {
+              return emit('apply');
+            })
+          }, {
+            "default": withCtx(function () {
+              return _toConsumableArray(_cache[14] || (_cache[14] = [createTextVNode("应用", -1 /* CACHED */)]));
+            }),
+            _: 1 /* STABLE */
+          }), createVNode(unref(ElButton), {
+            type: "primary",
+            plain: "",
+            onClick: _cache[5] || (_cache[5] = function ($event) {
+              return emit('reset');
+            })
+          }, {
+            "default": withCtx(function () {
+              return _toConsumableArray(_cache[15] || (_cache[15] = [createTextVNode("恢复默认", -1 /* CACHED */)]));
+            }),
+            _: 1 /* STABLE */
+          })])], 64 /* STABLE_FRAGMENT */))])];
+        }),
+        _: 3 /* FORWARDED */
+      }, 8 /* PROPS */, ["modelValue", "title", "size"]);
+    };
+  }
+});
+
+export { script as default };

package/es/pro-layout/ProLayoutSettingsDrawer.vue_vue_type_style_index_0_id_5b67a386_scoped_true_lang.vue.js

@@ -0,0 +1 @@
+import './ProLayoutSettingsDrawer.vue.css';

package/es/pro-layout/ProLayoutSettingsFab.vue.css

@@ -0,0 +1,81 @@
+.pro-layout-settings-fab {
+  position: fixed;
+  z-index: 2000;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 44px;
+  padding: 0;
+  border: 1px solid rgba(255, 255, 255, 0.75);
+  border-radius: 50%;
+  cursor: pointer;
+  color: var(--pro-layout-accent, #6366f1);
+  background: rgba(255, 255, 255, 0.94);
+  box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.15), 0 4px 10px -4px rgba(15, 23, 42, 0.08);
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
+  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;
+}
+.pro-layout-settings-fab:hover {
+  transform: scale(1.05);
+  background: var(--pro-layout-accent-soft, #eef2ff);
+  box-shadow: 0 14px 30px -6px rgba(99, 102, 241, 0.35);
+}
+.pro-layout-settings-fab--right-center {
+  right: 16px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.pro-layout-settings-fab--right-center:hover {
+  transform: translateY(-50%) scale(1.05);
+}
+.pro-layout-settings-fab--right-bottom {
+  right: 16px;
+  bottom: 24px;
+}
+.pro-layout-settings-fab--left-center {
+  left: 16px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.pro-layout-settings-fab--left-center:hover {
+  transform: translateY(-50%) scale(1.05);
+}
+.pro-layout-settings-fab--left-bottom {
+  left: 16px;
+  bottom: 24px;
+}
+.pro-layout-settings-fab--large {
+  width: 52px;
+  height: 52px;
+}
+.pro-layout-settings-fab--small {
+  width: 36px;
+  height: 36px;
+}
+.pro-layout-settings-fab--in-header {
+  position: static;
+  z-index: auto;
+  flex-shrink: 0;
+  width: 32px;
+  height: 32px;
+  min-width: 32px;
+  border-radius: 50%;
+  border: 1px solid rgba(226, 232, 240, 0.85);
+  background: rgba(255, 255, 255, 0.92);
+  box-shadow: none;
+  transform: none;
+}
+.pro-layout-settings-fab--in-header:hover {
+  transform: none;
+  background: var(--pro-layout-accent-soft, #eef2ff);
+  border-color: var(--el-color-primary-light-7, #c7d2fe);
+  box-shadow: none;
+}
+.pro-layout-settings-fab--in-header .pro-layout-settings-fab__icon {
+  font-size: 16px;
+}
+.pro-layout-settings-fab__icon {
+  font-size: 20px;
+}

package/es/pro-layout/ProLayoutSettingsFab.vue.js

@@ -0,0 +1,7 @@
+import '../_virtual/_rollup-plugin-inject-process-env.js';
+import script from './ProLayoutSettingsFab.vue_vue_type_script_setup_true_lang.vue.js';
+export { default } from './ProLayoutSettingsFab.vue_vue_type_script_setup_true_lang.vue.js';
+import './ProLayoutSettingsFab.vue_vue_type_style_index_0_id_3bf2eb6b_scoped_true_lang.vue.js';
+
+script.__scopeId = "data-v-3bf2eb6b";
+script.__file = "packages/deppon-template/src/pro-layout/ProLayoutSettingsFab.vue";