@opentiny/tiny-engine-settings-panel 2.6.1 → 2.7.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,50 +1,66 @@
1
1
  import "./style.css";
2
- import { getMergeMeta as v } from "@opentiny/tiny-engine-meta-register";
3
- import { TabItem as g, Tabs as y } from "@opentiny/vue";
4
- import { resolveComponent as c, createElementBlock as r, openBlock as i, createVNode as f, withCtx as d, Fragment as V, renderList as b, createBlock as m, withDirectives as h, resolveDynamicComponent as T, createElementVNode as k, vShow as x } from "vue";
5
- const M = (o, a) => {
6
- const e = o.__vccOpts || o;
7
- for (const [t, n] of a)
8
- e[t] = n;
2
+ import { getMergeMeta as s, callEntry as g } from "@opentiny/tiny-engine-meta-register";
3
+ import { TabItem as y, Tabs as b } from "@opentiny/vue";
4
+ import { resolveComponent as r, createElementBlock as d, openBlock as i, createVNode as f, withCtx as m, Fragment as V, renderList as h, createBlock as u, withDirectives as x, resolveDynamicComponent as M, createElementVNode as T, vShow as k } from "vue";
5
+ const D = {
6
+ id: "engine.settings"
7
+ }, w = (n, a) => {
8
+ const e = n.__vccOpts || n;
9
+ for (const [t, o] of a)
10
+ e[t] = o;
9
11
  return e;
10
- }, w = {
12
+ }, B = {
11
13
  components: {
12
- TinyTabs: y,
13
- TinyTabItem: g
14
+ TinyTabs: b,
15
+ TinyTabItem: y
14
16
  },
15
17
  props: {
16
18
  modelValue: String,
17
19
  activated: String
18
20
  },
19
21
  emits: ["update:modelValue"],
20
- setup(o, { emit: a }) {
21
- var n;
22
+ setup(n, {
23
+ emit: a
24
+ }) {
25
+ var o;
26
+ const e = ((o = s("engine.settings")) == null ? void 0 : o.metas) || [], t = g((c) => {
27
+ a("update:modelValue", c);
28
+ }, {
29
+ metaData: {
30
+ id: "engine.settings.Main.updateModelValue"
31
+ },
32
+ ctx: () => ({
33
+ props: n,
34
+ emit: a,
35
+ settings: e,
36
+ updateModelValue: t,
37
+ getMergeMeta: s
38
+ })
39
+ });
22
40
  return {
23
- settings: ((n = v("engine.settings")) == null ? void 0 : n.metas) || [],
24
- updateModelValue: (l) => {
25
- a("update:modelValue", l);
26
- }
41
+ settings: e,
42
+ updateModelValue: t
27
43
  };
28
44
  }
29
- }, B = { id: "tiny-right-panel" }, C = { class: "active" };
30
- function D(o, a, e, t, n, l) {
31
- const u = c("tiny-tab-item"), p = c("tiny-tabs");
32
- return i(), r("div", B, [
45
+ }, C = { id: "tiny-right-panel" }, E = { class: "active" };
46
+ function I(n, a, e, t, o, c) {
47
+ const _ = r("tiny-tab-item"), p = r("tiny-tabs");
48
+ return i(), d("div", C, [
33
49
  f(p, {
34
50
  "model-value": e.modelValue,
35
51
  "onUpdate:modelValue": t.updateModelValue,
36
52
  "tab-style": "button-card"
37
53
  }, {
38
- default: d(() => [
39
- (i(!0), r(V, null, b(t.settings, (s, _) => (i(), m(u, {
40
- key: _,
41
- title: s.title,
42
- name: s.name
54
+ default: m(() => [
55
+ (i(!0), d(V, null, h(t.settings, (l, v) => (i(), u(_, {
56
+ key: v,
57
+ title: l.title,
58
+ name: l.name
43
59
  }, {
44
- default: d(() => [
45
- (i(), m(T(s.component))),
46
- h(k("div", C, null, 512), [
47
- [x, e.activated]
60
+ default: m(() => [
61
+ (i(), u(M(l.component))),
62
+ x(T("div", E, null, 512), [
63
+ [k, e.activated]
48
64
  ])
49
65
  ]),
50
66
  _: 2
@@ -54,13 +70,11 @@ function D(o, a, e, t, n, l) {
54
70
  }, 8, ["model-value", "onUpdate:modelValue"])
55
71
  ]);
56
72
  }
57
- const I = /* @__PURE__ */ M(w, [["render", D], ["__scopeId", "data-v-c05e7aad"]]), S = {
58
- id: "engine.settings"
59
- }, L = {
60
- ...S,
61
- entry: I
73
+ const S = /* @__PURE__ */ w(B, [["render", I], ["__scopeId", "data-v-a4c4b492"]]), O = {
74
+ ...D,
75
+ entry: S
62
76
  };
63
77
  export {
64
- L as default
78
+ O as default
65
79
  };
66
80
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/Main.vue","../meta.js","../index.ts"],"sourcesContent":["<template>\n <div id=\"tiny-right-panel\">\n <tiny-tabs :model-value=\"modelValue\" @update:model-value=\"updateModelValue\" tab-style=\"button-card\">\n <tiny-tab-item v-for=\"(setting, index) in settings\" :key=\"index\" :title=\"setting.title\" :name=\"setting.name\">\n <component :is=\"setting.component\"></component>\n <div v-show=\"activated\" class=\"active\"></div>\n </tiny-tab-item>\n </tiny-tabs>\n </div>\n</template>\n\n<script>\nimport { getMergeMeta } from '@opentiny/tiny-engine-meta-register'\nimport { TabItem, Tabs } from '@opentiny/vue'\n\nexport default {\n components: {\n TinyTabs: Tabs,\n TinyTabItem: TabItem\n },\n props: {\n modelValue: String,\n activated: String\n },\n emits: ['update:modelValue'],\n setup(props, { emit }) {\n const settings = getMergeMeta('engine.settings')?.metas || []\n\n const updateModelValue = (value) => {\n emit('update:modelValue', value)\n }\n\n return {\n settings,\n updateModelValue\n }\n }\n}\n</script>\n\n<style lang=\"less\" scoped>\n#tiny-right-panel {\n width: var(--base-right-panel-width);\n height: 100%;\n transition: 0.3s linear;\n position: relative;\n border-left: 1px solid var(--te-settings-panel-border-color);\n padding-top: 20px;\n background-color: var(--te-settings-panel-common-bg-color);\n\n .tiny-tabs {\n height: 100%;\n }\n :deep(.tiny-tabs) {\n display: flex;\n flex-direction: column;\n // 居中显示\n .tiny-tabs__nav-scroll {\n text-align: center;\n .tiny-tabs__nav {\n display: inline-flex;\n justify-content: center;\n float: none;\n }\n }\n .tiny-tabs__header {\n padding-bottom: 12px;\n }\n .tiny-tabs__content {\n flex: 1;\n overflow-y: scroll;\n padding: 0;\n margin: 0;\n }\n .tiny-tabs__item {\n color: var(--te-settings-panel-common-text-color-secondary);\n &:hover {\n color: var(--te-settings-panel-common-text-color-primary);\n }\n &.is-active {\n color: var(--te-settings-panel-common-text-color-primary);\n }\n }\n }\n\n :deep(.tiny-collapse-item__content) {\n padding: 8px 16px;\n }\n}\n\n.active {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n animation: glow 800ms ease-out infinite alternate;\n transition: opacity 1s linear;\n}\n\n@keyframes glow {\n 0% {\n box-shadow: inset 0px 0px 4px var(--te-settings-panel-bg-color-active);\n }\n 100% {\n box-shadow: inset 0px 0px 14px var(--te-settings-panel-bg-color-active);\n }\n}\n</style>\n","/**\n * Copyright (c) 2023 - present TinyEngine Authors.\n * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.\n *\n * Use of this source code is governed by an MIT-style license.\n *\n * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,\n * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR\n * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.\n *\n */\n\nexport default {\n id: 'engine.settings'\n}\n","/**\n * Copyright (c) 2023 - present TinyEngine Authors.\n * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.\n *\n * Use of this source code is governed by an MIT-style license.\n *\n * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,\n * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR\n * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.\n *\n */\n\nimport entry from './src/Main.vue'\nimport metaData from './meta'\nimport './src/styles/vars.less'\n\nexport default {\n ...metaData,\n entry\n}\n"],"names":["_sfc_main","Tabs","TabItem","props","emit","_a","getMergeMeta","value","_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_createVNode","_component_tiny_tabs","$props","$setup","_Fragment","_renderList","setting","index","_createBlock","_component_tiny_tab_item","_resolveDynamicComponent","_withDirectives","_createElementVNode","metaData","entry"],"mappings":";;;;;;;;;GAeKA,IAAU;AAAA,EACb,YAAY;AAAA,IACV,UAAUC;AAAA,IACV,aAAaC;AAAA;EAEf,OAAO;AAAA,IACL,YAAY;AAAA,IACZ,WAAW;AAAA;EAEb,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAO,EAAE,MAAAC,KAAQ;;AAOrB,WAAO;AAAA,MACL,YAPeC,IAAAC,EAAa,iBAAiB,MAA9B,gBAAAD,EAAiC,UAAS,CAAA;AAAA,MAQzD,kBANuB,CAACE,MAAU;AAClC,QAAAH,EAAK,qBAAqBG,CAAK;AAAA,MACjC;AAAA,IAKA;AAAA,EACF;AACF,GApCOC,IAAA,EAAA,IAAG,mBAAkB,GAIIC,IAAA,EAAA,OAAM,SAAQ;;;AAJ5C,SAAAC,EAAA,GAAAC,EAOM,OAPNH,GAOM;AAAA,IANJI,EAKYC,GAAA;AAAA,MALA,eAAaC,EAAA;AAAA,MAAa,uBAAoBC,EAAA;AAAA,MAAkB,aAAU;AAAA;iBACrE,MAAoC;AAAA,SAAnDL,EAAA,EAAA,GAAAC,EAGgBK,GAAA,MAAAC,EAH0BF,EAAA,UAAQ,CAA3BG,GAASC,YAAhCC,EAGgBC,GAAA;AAAA,UAHqC,KAAKF;AAAA,UAAQ,OAAOD,EAAQ;AAAA,UAAQ,MAAMA,EAAQ;AAAA;qBACrG,MAA+C;AAAA,kBAA/CE,EAA+CE,EAA/BJ,EAAQ,SAAS,CAAA;AAAA,YACjCK,EAAAC,EAA6C,OAA7Cf,GAA6C,MAAA,GAAA,GAAA;AAAA,kBAAhCK,EAAA,SAAS;AAAA;;;;;;;;;mFCO9BW,IAAe;AAAA,EACb,IAAI;AACN,GCEAN,IAAe;AAAA,EACb,GAAGM;AAAA,EACH,OAAAC;AACF;"}
1
+ {"version":3,"file":"index.js","sources":["../meta.js","../index.ts"],"sourcesContent":["/**\n * Copyright (c) 2023 - present TinyEngine Authors.\n * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.\n *\n * Use of this source code is governed by an MIT-style license.\n *\n * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,\n * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR\n * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.\n *\n */\n\nexport default {\n id: 'engine.settings'\n}\n","/**\n * Copyright (c) 2023 - present TinyEngine Authors.\n * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.\n *\n * Use of this source code is governed by an MIT-style license.\n *\n * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,\n * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR\n * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.\n *\n */\n\nimport entry from './src/Main.vue'\nimport metaData from './meta'\nimport './src/styles/vars.less'\n\nexport default {\n ...metaData,\n entry\n}\n"],"names":["metaData","index","entry"],"mappings":";;;;AAYA,MAAeA,IAAA;AAAA,EACb,IAAI;AACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mFCEeC,IAAA;AAAA,EACb,GAAGD;AAAA,EACH,OAAAE;AACF;"}
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- #tiny-right-panel[data-v-c05e7aad]{width:var(--base-right-panel-width);height:100%;transition:.3s linear;position:relative;border-left:1px solid var(--te-settings-panel-border-color);padding-top:20px;background-color:var(--te-settings-panel-common-bg-color)}#tiny-right-panel .tiny-tabs[data-v-c05e7aad]{height:100%}#tiny-right-panel[data-v-c05e7aad] .tiny-tabs{display:flex;flex-direction:column}#tiny-right-panel[data-v-c05e7aad] .tiny-tabs .tiny-tabs__nav-scroll{text-align:center}#tiny-right-panel[data-v-c05e7aad] .tiny-tabs .tiny-tabs__nav-scroll .tiny-tabs__nav{display:inline-flex;justify-content:center;float:none}#tiny-right-panel[data-v-c05e7aad] .tiny-tabs .tiny-tabs__header{padding-bottom:12px}#tiny-right-panel[data-v-c05e7aad] .tiny-tabs .tiny-tabs__content{flex:1;overflow-y:scroll;padding:0;margin:0}#tiny-right-panel[data-v-c05e7aad] .tiny-tabs .tiny-tabs__item{color:var(--te-settings-panel-common-text-color-secondary)}#tiny-right-panel[data-v-c05e7aad] .tiny-tabs .tiny-tabs__item:hover,#tiny-right-panel[data-v-c05e7aad] .tiny-tabs .tiny-tabs__item.is-active{color:var(--te-settings-panel-common-text-color-primary)}#tiny-right-panel[data-v-c05e7aad] .tiny-collapse-item__content{padding:8px 16px}.active[data-v-c05e7aad]{width:100%;height:100%;position:absolute;top:0;animation:glow-c05e7aad .8s ease-out infinite alternate;transition:opacity 1s linear}@keyframes glow-c05e7aad{0%{box-shadow:inset 0 0 4px var(--te-settings-panel-bg-color-active)}to{box-shadow:inset 0 0 14px var(--te-settings-panel-bg-color-active)}}:root{--te-settings-panel-border-color: var(--te-common-border-divider);--te-settings-panel-common-bg-color: var(--te-common-bg-default);--te-settings-panel-common-text-color-primary: var(--te-common-text-primary);--te-settings-panel-common-text-color-secondary: var(--te-common-text-secondary);--te-settings-panel-bg-color-active: var(--te-common-bg-primary-checked)}
1
+ #tiny-right-panel[data-v-a4c4b492]{width:var(--base-right-panel-width);height:100%;transition:.3s linear;position:relative;border-left:1px solid var(--te-settings-panel-border-color);padding-top:20px;background-color:var(--te-settings-panel-common-bg-color)}#tiny-right-panel .tiny-tabs[data-v-a4c4b492]{height:100%}#tiny-right-panel[data-v-a4c4b492] .tiny-tabs{display:flex;flex-direction:column}#tiny-right-panel[data-v-a4c4b492] .tiny-tabs .tiny-tabs__nav-scroll{text-align:center}#tiny-right-panel[data-v-a4c4b492] .tiny-tabs .tiny-tabs__nav-scroll .tiny-tabs__nav{display:inline-flex;justify-content:center;float:none}#tiny-right-panel[data-v-a4c4b492] .tiny-tabs .tiny-tabs__header{padding-bottom:12px}#tiny-right-panel[data-v-a4c4b492] .tiny-tabs .tiny-tabs__content{flex:1;overflow-y:scroll;padding:0;margin:0}#tiny-right-panel[data-v-a4c4b492] .tiny-tabs .tiny-tabs__item{color:var(--te-settings-panel-common-text-color-secondary)}#tiny-right-panel[data-v-a4c4b492] .tiny-tabs .tiny-tabs__item:hover,#tiny-right-panel[data-v-a4c4b492] .tiny-tabs .tiny-tabs__item.is-active{color:var(--te-settings-panel-common-text-color-primary)}#tiny-right-panel[data-v-a4c4b492] .tiny-collapse-item__content{padding:8px 16px}.active[data-v-a4c4b492]{width:100%;height:100%;position:absolute;top:0;animation:glow-a4c4b492 .8s ease-out infinite alternate;transition:opacity 1s linear}@keyframes glow-a4c4b492{0%{box-shadow:inset 0 0 4px var(--te-settings-panel-bg-color-active)}to{box-shadow:inset 0 0 14px var(--te-settings-panel-bg-color-active)}}:root{--te-settings-panel-border-color: var(--te-common-border-divider);--te-settings-panel-common-bg-color: var(--te-common-bg-default);--te-settings-panel-common-text-color-primary: var(--te-common-text-primary);--te-settings-panel-common-text-color-secondary: var(--te-common-text-secondary);--te-settings-panel-bg-color-active: var(--te-common-bg-primary-checked)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opentiny/tiny-engine-settings-panel",
3
- "version": "2.6.1",
3
+ "version": "2.7.0-alpha.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -25,10 +25,10 @@
25
25
  "license": "MIT",
26
26
  "homepage": "https://opentiny.design/tiny-engine",
27
27
  "dependencies": {
28
- "@opentiny/tiny-engine-meta-register": "2.6.1"
28
+ "@opentiny/tiny-engine-meta-register": "2.7.0-alpha.0"
29
29
  },
30
30
  "devDependencies": {
31
- "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.6.1",
31
+ "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.7.0-alpha.0",
32
32
  "@vitejs/plugin-vue": "^5.1.2",
33
33
  "@vitejs/plugin-vue-jsx": "^4.0.1",
34
34
  "vite": "^5.4.2"
@@ -37,5 +37,5 @@
37
37
  "@opentiny/vue": "^3.20.0",
38
38
  "vue": "^3.4.15"
39
39
  },
40
- "gitHead": "81baa12c2e7fd029f62d377387c9f2726f1f559b"
40
+ "gitHead": "d5cbb9c02048aa7d8f8c88ac77e09d4654398d86"
41
41
  }