@dooboostore/simple-web-component 1.0.37 → 1.0.39

package/dist/cjs/decorators/applySlot.js

@@ -37,86 +37,98 @@ var import_elementDefine = require("./elementDefine");
 var import_Utils = require("../utils/Utils");
 var import_core_web = require("@dooboostore/core-web");
 const APPLY_SLOT_METADATA_KEY = Symbol.for("simple-web-component:apply-slot");
-function applySlot(id, options = { position: "replaceChildrenHtml" }) {
+const applyToDom = (swcId, id, pos, nodes) => {
+  const nodeSlot = new import_core_web.NodeSlot(void 0, swcId);
+  if (pos === "replaceChildrenText" || pos === "replaceChildren" || pos === "replaceChildrenHtml") {
+    nodeSlot.replaceChildren(id, ...nodes);
+  } else if (pos === "appendHtml" || pos === "append" || pos === "appendText") {
+    nodeSlot.append(id, ...nodes);
+  } else if (pos === "prependHtml" || pos === "prepend" || pos === "prependText") {
+    nodeSlot.prepend(id, ...nodes);
+  } else if (pos === "clear") {
+    nodeSlot.clear(id);
+  }
+};
+function applySlot(targetId, opt) {
   return (targetObj, propertyKey, descriptor) => {
-    const type = descriptor === void 0 ? "property" : "method";
-    if (type === "property") {
-      Object.defineProperty(targetObj, propertyKey, {
-        get() {
-          const nodeSlot = new import_core_web.NodeSlot(this, `${this._swcId}-${id}`);
-          return nodeSlot;
-        },
-        configurable: true,
-        enumerable: true
-      });
-    }
+    const options = { position: "replaceChildrenHtml", ...opt };
     const constructor = targetObj.constructor;
     let metaList = import_core.ReflectUtils.getOwnMetadata(APPLY_SLOT_METADATA_KEY, constructor);
     if (!metaList) {
       metaList = [];
       import_core.ReflectUtils.defineMetadata(APPLY_SLOT_METADATA_KEY, metaList, constructor);
     }
-    metaList.push({ propertyKey, id, type, options });
-    if (type === "method") {
-      const original = descriptor.value;
-      descriptor.value = function(...args) {
-        (0, import_elementDefine.ensureInit)(this);
-        const conf = (0, import_elementDefine.getElementConfig)(this);
-        const currentWin = this._resolveWindow?.(conf) || (typeof window !== "undefined" ? window : void 0);
-        const currentDoc = currentWin.document;
-        const hostSet = import_Utils.SwcUtils.getHelperAndHostSet(currentWin, this);
-        const res = original.apply(this, args);
-        if (res) {
-          const nodeSlot = new import_core_web.NodeSlot(this, `${this._swcId}-${id}`);
-          const pos = options.position || "replaceChildrenHtml";
-          const doc = currentWin.document;
-          if (pos === "replaceChildrenHtml") {
-            nodeSlot.replaceChildrenHtml(res);
-          } else if (pos === "replaceChildrenText") {
-            nodeSlot.replaceChildrenText(res);
-          } else if (pos === "appendHtml") {
-            nodeSlot.appendHtml(res);
-          } else if (pos === "appendText") {
-            nodeSlot.appendText(res);
-          } else if (pos === "prependHtml") {
-            nodeSlot.prependHtml(res);
-          } else if (pos === "prependText") {
-            nodeSlot.prependText(res);
-          } else if (pos === "clear") {
-            nodeSlot.clear();
-          }
+    metaList.push({ propertyKey, targetId, options });
+    const original = descriptor.value;
+    descriptor.value = function(...args) {
+      (0, import_elementDefine.ensureInit)(this);
+      const conf = (0, import_elementDefine.getElementConfig)(this);
+      const currentWin = conf.window;
+      const swcId = this._swcId;
+      const currentDoc = currentWin.document;
+      const hostSet = import_Utils.SwcUtils.getHelperAndHostSet(currentWin, this);
+      const pos = options.position;
+      const resToNodes = (res2) => {
+        const nodes = [];
+        if (typeof res2 === "string" && (pos === "replaceChildrenHtml" || pos === "appendHtml" || pos === "prependHtml")) {
+          const t = currentWin.document.createElement("template");
+          t.innerHTML = res2;
+          nodes.push(...Array.from(t.content.childNodes));
+        } else if (typeof res2 === "string" && (pos === "replaceChildrenText" || pos === "prependText" || pos === "appendText")) {
+          nodes.push(currentWin.document.createTextNode(res2));
+        } else if (typeof res2 === "object") {
+          nodes.push(res2);
         }
-        return res;
+        import_Utils.SwcUtils.projectProcessHtml(swcId, nodes, currentDoc);
+        return nodes;
       };
-    }
+      const fallbackNodes = [];
+      if (options.fallback) {
+        const res2 = options.fallback.call(this, hostSet);
+        const nodes = resToNodes(res2);
+        fallbackNodes.push(...nodes);
+        applyToDom(swcId, targetId, options.position, nodes);
+      }
+      let res = original.apply(this, args);
+      if (res instanceof Promise) {
+        return res.then((asyncRes) => {
+          const nodes = resToNodes(asyncRes);
+          fallbackNodes.forEach((it) => it.remove());
+          applyToDom(swcId, targetId, options.position, nodes);
+        });
+      } else {
+        const nodes = resToNodes(res);
+        applyToDom(swcId, targetId, options.position, nodes);
+      }
+    };
   };
 }
 const findAllApplySlotMetadata = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
   return import_core.ReflectUtils.getMetadata(APPLY_SLOT_METADATA_KEY, constructor);
 };
-function applySlotClear(id) {
-  return applySlot(id, { position: "clear" });
+function applySlotClear(targetId) {
+  return applySlot(targetId, { position: "clear" });
 }
-function applySlotPrependHtml(id) {
-  return applySlot(id, { position: "prependHtml" });
+function applySlotPrependHtml(targetId) {
+  return applySlot(targetId, { position: "prependHtml" });
 }
 const applySlotPrepend = applySlotPrependHtml;
-function applySlotPrependText(id) {
-  return applySlot(id, { position: "prependText" });
+function applySlotPrependText(targetId) {
+  return applySlot(targetId, { position: "prependText" });
 }
-function applySlotAppendHtml(id) {
-  return applySlot(id, { position: "appendHtml" });
+function applySlotAppendHtml(targetId) {
+  return applySlot(targetId, { position: "appendHtml" });
 }
-function applySlotAppendText(id) {
-  return applySlot(id, { position: "appendText" });
+function applySlotAppendText(targetId) {
+  return applySlot(targetId, { position: "appendText" });
 }
 const applySlotAppend = applySlotAppendHtml;
-function applySlotReplaceChildrenHtml(id) {
-  return applySlot(id, { position: "replaceChildrenHtml" });
+function applySlotReplaceChildrenHtml(targetId) {
+  return applySlot(targetId, { position: "replaceChildrenHtml" });
 }
 const applySlotReplaceChildren = applySlotReplaceChildrenHtml;
-function applySlotReplaceChildrenText(id) {
-  return applySlot(id, { position: "replaceChildrenText" });
+function applySlotReplaceChildrenText(targetId) {
+  return applySlot(targetId, { position: "replaceChildrenText" });
 }
 //# sourceMappingURL=applySlot.js.map

package/dist/cjs/decorators/applySlot.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/applySlot.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit, getElementConfig } from './elementDefine';\nimport { HelperHostSet, SwcRootType } from '../types';\nimport { SwcUtils } from \"../utils/Utils\";\nimport {NodeSlot} from \"@dooboostore/core-web\";\n/*\n<!-- beforebegin -->\n<p> <-- it's me\n  <!-- afterbegin -->\n  foo\n  <!-- beforeend -->\n</p>\n<!-- afterend -->\n */\nexport type ApplySlotPosition = 'prependHtml' | 'prependText' | 'appendHtml' | 'appendText' | 'replaceChildrenHtml' | 'replaceChildrenText' | 'clear';\n\nexport interface ApplySlotOptions {\n  position?: ApplySlotPosition;\n  // root?: SwcRootType;\n  /**\n   * Filter function to determine whether to perform DOM operation.\n   * If it returns false, the operation is skipped.\n   */\n  // filter?: (target: HTMLElement | ShadowRoot, newValue: any, meta:{currentThis: any,helper: HelperHostSet}) => boolean;\n  /**\n   * Optional loading content to display while an async method is executing.\n   */\n  // loading?: (helper: HelperHostSet) => any;\n}\n\nexport interface ApplySlotMetadata {\n  propertyKey: string | symbol;\n  id: string;\n  type: 'method' | 'property';\n  options: ApplySlotOptions;\n}\n\nexport const APPLY_SLOT_METADATA_KEY = Symbol.for('simple-web-component:apply-slot');\n\n// const normalizeNodes = (res: any, doc: Document): Node[] => {\n//   const items = Array.isArray(res) ? res : [res];\n//   return items.map(it => {\n//     if (it instanceof Node) return it;\n//     return doc.createTextNode(it !== undefined && it !== null ? String(it) : '');\n//   });\n// };\n\n// const applyToDom = (targetEl: any, res: any, pos: ApplyNodePosition, win: Window) => {\n//     if (!targetEl) return;\n//\n//     const doc = win.document;\n//\n//     if (pos === 'innerHtml') {\n//         targetEl.innerHTML = res !== undefined && res !== null ? String(res) : '';\n//         return;\n//     }\n//\n//     if (pos === 'innerText') {\n//         if (targetEl.innerText !== undefined) {\n//             targetEl.innerText = res !== undefined && res !== null ? String(res) : '';\n//         }\n//         return;\n//     }\n//\n//     const isShadowRoot = targetEl instanceof win.ShadowRoot;\n//     const nodes = normalizeNodes(res, doc);\n//     if (pos === 'replace') {\n//       if (!isShadowRoot) targetEl.replaceWith(...nodes);\n//     } else if (pos === 'replaceChildren') {\n//       targetEl.replaceChildren(...nodes);\n//     } else {\n//       if (pos === 'beforeEnd') targetEl.append(...nodes);\n//       else if (pos === 'afterBegin') targetEl.prepend(...nodes);\n//       else if (pos === 'beforeBegin' && !isShadowRoot) targetEl.before(...nodes);\n//       else if (pos === 'afterEnd' && !isShadowRoot) targetEl.after(...nodes);\n//     }\n// };\n\n/**\n * @applyNode decorator to surgically add/replace nodes to a target element.\n */\nexport function applySlot(id: string, options: ApplySlotOptions = { position: 'replaceChildrenHtml' }): MethodDecorator & PropertyDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor?: PropertyDescriptor) => {\n    const type = descriptor === undefined ? 'property' : 'method';\n\n    if (type === 'property') {\n            Object.defineProperty(targetObj, propertyKey, {\n              get(this: any) {\n                const nodeSlot = new NodeSlot(this, `${this._swcId}-${id}`);\n                return nodeSlot;\n              },\n              configurable: true,\n              enumerable: true,\n            })\n     // return nodeSlot;\n     //  return;\n    }\n\n    const constructor = targetObj.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(APPLY_SLOT_METADATA_KEY, constructor) as ApplySlotMetadata[];\n    if (!metaList) {\n      metaList = []\n      ReflectUtils.defineMetadata(APPLY_SLOT_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({ propertyKey, id, type, options });\n\n\n\n    if (type === 'method') {\n      const original = descriptor.value;\n      descriptor.value = function (...args: any[]) {\n        ensureInit(this);\n\n        const conf = getElementConfig(this);\n        const currentWin = (this as any)._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as Window);\n        const currentDoc = currentWin.document;\n        const hostSet = SwcUtils.getHelperAndHostSet(currentWin, this);\n\n\n        // const getTarget = () => {\n        //   const r = options.root || 'auto';\n        //   const applyRoot = (t: any) => {\n        //     if (!t) return t;\n        //     if (r === 'auto') return t.shadowRoot || t;\n        //     if (r === 'shadow') return t.shadowRoot;\n        //     if (r === 'light') return t;\n        //     if (r === 'all') return t.shadowRoot || t;\n        //     return t;\n        //   };\n        //\n        //   if (selector === '$this') return applyRoot(this);\n        //   if (selector === '$host') return applyRoot(hostSet.$host);\n        //   if (selector === '$parentHost') return applyRoot(hostSet.$parentHost);\n        //   if (selector === '$appHost') return applyRoot(hostSet.$appHost);\n        //   if (selector === '$firstHost') return applyRoot(hostSet.$firstHost);\n        //   if (selector === '$lastHost') return applyRoot(hostSet.$lastHost);\n        //\n        //   const targetRoot = applyRoot(this);\n        //   return targetRoot ? targetRoot.querySelector(selector) : null;\n        // };\n\n        // const targetEl = getTarget();\n        const res = original.apply(this, args);\n\n        // const runApply = (target: any, val: any) => {\n        //   const pos = options.position || 'beforeEnd';\n        //\n        //   // \uC0AC\uC6A9\uC790\uAC00 filter\uB97C \uBA85\uC2DC\uD558\uBA74 \uADF8 \uC870\uAC74\uC73C\uB85C, \uC544\uB2C8\uBA74 \uD56D\uC0C1 \uC801\uC6A9\n        //   if (!options.filter || options.filter(target, val, {currentThis: this, helper: hostSet})) {\n        //       applyToDom(target, val, pos, currentWin);\n        //   }\n        // };\n\n        // if (res instanceof Promise) {\n        //     // \uBE44\uB3D9\uAE30\uC77C \uB54C\uB9CC \uB85C\uB529 \uD45C\uC2DC\n        //     if (targetEl && options.loading) {\n        //         const loadingRes = options.loading.call(this, hostSet);\n        //         applyToDom(targetEl, loadingRes, options.position || 'beforeEnd', currentDoc);\n        //     }\n        //\n        //     return res.then(finalRes => {\n        //         if (finalRes !== undefined && targetEl) runApply(targetEl, finalRes);\n        //         return finalRes;\n        //     });\n        // } else {\n        //     if (res !== undefined && targetEl) runApply(targetEl, res);\n        //     return res;\n        // }\n        if (res) {\n          const nodeSlot = new NodeSlot(this, `${this._swcId}-${id}`);\n          const pos = options.position || 'replaceChildrenHtml';\n          const doc = currentWin.document;\n\n\n          // const isShadowRoot = targetEl instanceof win.ShadowRoot;\n          // const nodes = normalizeNodes(res, doc);\n          if (pos === 'replaceChildrenHtml') {\n            nodeSlot.replaceChildrenHtml(res);\n          } else if (pos === 'replaceChildrenText') {\n            nodeSlot.replaceChildrenText(res);\n          } else if (pos === 'appendHtml') {\n            nodeSlot.appendHtml(res);\n          } else if (pos === 'appendText') {\n            nodeSlot.appendText(res);\n          } else if (pos === 'prependHtml') {\n            nodeSlot.prependHtml(res);\n          } else if (pos === 'prependText') {\n            nodeSlot.prependText(res);\n          } else if (pos === 'clear') {\n            nodeSlot.clear();\n          }\n        }\n        return res;\n      };\n    }\n  };\n}\n\n// export const findAllApplySlotMetadata = (target: any): Map<string | symbol, ApplySlotMetadata> => {\nexport const findAllApplySlotMetadata = (target: any): ApplySlotMetadata[] => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(APPLY_SLOT_METADATA_KEY, constructor);\n};\n\nexport function applySlotClear(id: string): MethodDecorator {\n  return applySlot(id, { position: 'clear' });\n}\nexport function applySlotPrependHtml(id: string): MethodDecorator {\n  return applySlot(id, { position: 'prependHtml' });\n}\nexport const applySlotPrepend = applySlotPrependHtml;\nexport function applySlotPrependText(id: string): MethodDecorator {\n  return applySlot(id, { position: 'prependText' });\n}\nexport function applySlotAppendHtml(id: string): MethodDecorator {\n  return applySlot(id, { position: 'appendHtml' });\n}\nexport function applySlotAppendText(id: string): MethodDecorator {\n  return applySlot(id, { position: 'appendText' });\n}\nexport const applySlotAppend = applySlotAppendHtml;\nexport function applySlotReplaceChildrenHtml(id: string): MethodDecorator {\n  return applySlot(id, { position: 'replaceChildrenHtml' });\n}\nexport const applySlotReplaceChildren = applySlotReplaceChildrenHtml;\nexport function applySlotReplaceChildrenText(id: string): MethodDecorator {\n  return applySlot(id, { position: 'replaceChildrenText' });\n}\n"],
-  "mappings": "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",
-  "names": []
+  "sourcesContent": ["import {OptionalType, ReflectUtils} from '@dooboostore/core';\nimport {ensureInit, getElementConfig} from './elementDefine';\nimport {SwcUtils} from \"../utils/Utils\";\nimport {NodeSlot} from \"@dooboostore/core-web\";\nimport {HelperHostSet} from \"../types\";\n/*\n<!-- beforebegin -->\n<p> <-- it's me\n  <!-- afterbegin -->\n  foo\n  <!-- beforeend -->\n</p>\n<!-- afterend -->\n */\nexport type ApplySlotPosition = 'prepend' | 'prependHtml' | 'prependText' | 'append' | 'appendHtml' | 'appendText' | 'replaceChildren' | 'replaceChildrenHtml' | 'replaceChildrenText' | 'clear';\n\nexport interface ApplySlotOptions {\n  position: ApplySlotPosition;\n  fallback?: (helper: HelperHostSet) => string | Node;\n  // root?: SwcRootType;\n  /**\n   * Filter function to determine whether to perform DOM operation.\n   * If it returns false, the operation is skipped.\n   */\n  // filter?: (target: HTMLElement | ShadowRoot, newValue: any, meta:{currentThis: any,helper: HelperHostSet}) => boolean;\n  /**\n   * Optional loading content to display while an async method is executing.\n   */\n  // loading?: (helper: HelperHostSet) => any;\n}\n\nexport interface ApplySlotMetadata {\n  propertyKey: string | symbol;\n  targetId: string;\n  // type: 'method' | 'property';\n  options: ApplySlotOptions;\n}\n\nexport const APPLY_SLOT_METADATA_KEY = Symbol.for('simple-web-component:apply-slot');\n\n// const normalizeNodes = (res: any, doc: Document): Node[] => {\n//   const items = Array.isArray(res) ? res : [res];\n//   return items.map(it => {\n//     if (it instanceof Node) return it;\n//     return doc.createTextNode(it !== undefined && it !== null ? String(it) : '');\n//   });\n// };\n\n// const applyToDom = (targetEl: any, res: any, pos: ApplyNodePosition, win: Window) => {\n//     if (!targetEl) return;\n//\n//     const doc = win.document;\n//\n//     if (pos === 'innerHtml') {\n//         targetEl.innerHTML = res !== undefined && res !== null ? String(res) : '';\n//         return;\n//     }\n//\n//     if (pos === 'innerText') {\n//         if (targetEl.innerText !== undefined) {\n//             targetEl.innerText = res !== undefined && res !== null ? String(res) : '';\n//         }\n//         return;\n//     }\n//\n//     const isShadowRoot = targetEl instanceof win.ShadowRoot;\n//     const nodes = normalizeNodes(res, doc);\n//     if (pos === 'replace') {\n//       if (!isShadowRoot) targetEl.replaceWith(...nodes);\n//     } else if (pos === 'replaceChildren') {\n//       targetEl.replaceChildren(...nodes);\n//     } else {\n//       if (pos === 'beforeEnd') targetEl.append(...nodes);\n//       else if (pos === 'afterBegin') targetEl.prepend(...nodes);\n//       else if (pos === 'beforeBegin' && !isShadowRoot) targetEl.before(...nodes);\n//       else if (pos === 'afterEnd' && !isShadowRoot) targetEl.after(...nodes);\n//     }\n// };\n\nconst applyToDom = (swcId: string, id: string, pos: ApplySlotPosition, nodes: Node[]) => {\n  const nodeSlot = new NodeSlot(this, swcId);\n  if (pos === 'replaceChildrenText' || pos === 'replaceChildren' || pos === 'replaceChildrenHtml') {\n    nodeSlot.replaceChildren(id, ...nodes);\n  } else if (pos === 'appendHtml' || pos === 'append' || pos === 'appendText') {\n    nodeSlot.append(id, ...nodes);\n  } else if (pos === 'prependHtml' || pos === 'prepend' || pos === 'prependText') {\n    nodeSlot.prepend(id, ...nodes);\n  } else if (pos === 'clear') {\n    nodeSlot.clear(id);\n  }\n}\n/**\n * @applyNode decorator to surgically add/replace nodes to a target element.\n */\nexport function applySlot(targetId: string, opt: OptionalType<ApplySlotOptions, 'position'>): MethodDecorator {\n  return (targetObj: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<any>) => {\n\n\n    const options: ApplySlotOptions = {position: 'replaceChildrenHtml', ...opt};\n\n\n    const constructor = targetObj.constructor;\n    let metaList = ReflectUtils.getOwnMetadata(APPLY_SLOT_METADATA_KEY, constructor) as ApplySlotMetadata[];\n    if (!metaList) {\n      metaList = []\n      ReflectUtils.defineMetadata(APPLY_SLOT_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({propertyKey, targetId, options});\n\n\n    const original = descriptor.value;\n    descriptor.value = function (...args: any[]) {\n      ensureInit(this);\n\n      const conf = getElementConfig(this);\n      const currentWin = conf.window;\n      const swcId = this._swcId;\n      const currentDoc = currentWin.document;\n      const hostSet = SwcUtils.getHelperAndHostSet(currentWin, this);\n      const pos = options.position;\n\n      const resToNodes = (res: string | Node) => {\n        const nodes: Node[] = [];\n\n        if (typeof res === 'string' && (pos === 'replaceChildrenHtml' || pos === 'appendHtml' || pos === 'prependHtml')) {\n          const t = currentWin.document.createElement('template');\n          t.innerHTML = res;\n          nodes.push(...Array.from(t.content.childNodes));\n        } else if (typeof res === 'string' && (pos === 'replaceChildrenText' || pos === 'prependText' || pos === 'appendText')) {\n          nodes.push(currentWin.document.createTextNode(res));\n        } else if (typeof res === 'object') {\n          nodes.push(res);\n        }\n        SwcUtils.projectProcessHtml(swcId, nodes, currentDoc);\n        return nodes;\n      }\n\n      const fallbackNodes: Node[] = [];\n      if (options.fallback) {\n        const res: string | Node = options.fallback.call(this, hostSet);\n        const nodes: Node[] = resToNodes(res);\n        fallbackNodes.push(...nodes);\n        applyToDom(swcId, targetId, options.position, nodes);\n      }\n\n      let res = original.apply(this, args);\n      if (res instanceof Promise) {\n        return res.then(asyncRes => {\n          const nodes = resToNodes(asyncRes)\n          fallbackNodes.forEach((it: any)=>it.remove());\n          applyToDom(swcId, targetId, options.position, nodes);\n        })\n      } else {\n        const nodes: Node[] = resToNodes(res);\n        applyToDom(swcId, targetId, options.position, nodes);\n      }\n    };\n  };\n}\n\n// export const findAllApplySlotMetadata = (target: any): Map<string | symbol, ApplySlotMetadata> => {\nexport const findAllApplySlotMetadata = (target: any): ApplySlotMetadata[] => {\n  const constructor = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.getMetadata(APPLY_SLOT_METADATA_KEY, constructor);\n};\n\nexport function applySlotClear(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'clear'});\n}\n\nexport function applySlotPrependHtml(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'prependHtml'});\n}\n\nexport const applySlotPrepend = applySlotPrependHtml;\n\nexport function applySlotPrependText(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'prependText'});\n}\n\nexport function applySlotAppendHtml(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'appendHtml'});\n}\n\nexport function applySlotAppendText(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'appendText'});\n}\n\nexport const applySlotAppend = applySlotAppendHtml;\n\nexport function applySlotReplaceChildrenHtml(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'replaceChildrenHtml'});\n}\n\nexport const applySlotReplaceChildren = applySlotReplaceChildrenHtml;\n\nexport function applySlotReplaceChildrenText(targetId: string): MethodDecorator {\n  return applySlot(targetId, {position: 'replaceChildrenText'});\n}\n"],
+  "mappings": "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",
+  "names": ["res"]
 }

package/dist/cjs/decorators/applyStyle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/applyStyle.ts"],
-  "sourcesContent": ["import { ReflectUtils } from '@dooboostore/core';\nimport { ensureInit } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SwcQueryOptions, HelperHostSet } from '../types';\n\nexport type StyleAction = 'set' | 'update' | 'remove';\n\nexport interface StyleApplyOptions extends SwcQueryOptions {\n  filter?: (target: HTMLElement, value: any, meta: {currentThis: any, helper: HelperHostSet}) => boolean;\n}\n\nexport interface StyleApplyMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  action: StyleAction;\n  options: StyleApplyOptions;\n}\n\nexport const STYLE_METADATA_KEY = Symbol.for('simple-web-component:style');\n\nfunction createStyleDecorator(action: StyleAction) {\n  return (selector: string, options: StyleApplyOptions = {}): MethodDecorator => {\n    return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n      const constructor = target.constructor;\n      let metaList = ReflectUtils.getOwnMetadata(STYLE_METADATA_KEY, constructor) as Map<string | symbol, StyleApplyMetadata>;\n      if (!metaList) {\n        metaList = new Map<string | symbol, StyleApplyMetadata>();\n        ReflectUtils.defineMetadata(STYLE_METADATA_KEY, metaList, constructor);\n      }\n      metaList.set(propertyKey, { propertyKey, selector, action, options });\n\n      const original = descriptor.value;\n      descriptor.value = function (...args: any[]) {\n        ensureInit(this);\n        const res = (original as any).apply(this, args);\n\n        const handleResult = (resolvedValue: any) => {\n          if (resolvedValue !== undefined) {\n            const win = (this as any).ownerDocument?.defaultView || window;\n            const host = this as unknown as HTMLElement;\n            const hostSet = { ...SwcUtils.getHelperAndHostSet(win, host), $this: this };\n            const r = options.root || 'auto';\n            const targetEls: HTMLElement[] = [];\n\n            const applyRoot = (t: any) => {\n              if (!t || !(t instanceof win.HTMLElement)) return;\n              targetEls.push(t);\n            };\n\n            if (selector === '$this' || !selector) applyRoot(host);\n            else if (selector === '$host') applyRoot(hostSet.$host);\n            else if (selector === '$parentHost') applyRoot(hostSet.$parentHost);\n            else if (selector === '$appHost') applyRoot(hostSet.$appHost);\n            else if (selector === '$firstHost') applyRoot(hostSet.$firstHost);\n            else if (selector === '$lastHost') applyRoot(hostSet.$lastHost);\n            else if (selector === '$firstAppHost') applyRoot(hostSet.$firstAppHost);\n            else if (selector === '$lastAppHost') applyRoot(hostSet.$lastAppHost);\n            else if (selector === '$hosts') hostSet.$hosts.forEach(applyRoot);\n            else if (selector === '$appHosts') hostSet.$appHosts.forEach(applyRoot);\n            else {\n              const targetRoot = r === 'auto' ? (host.shadowRoot || host) : (r === 'shadow' ? host.shadowRoot : host);\n              if (targetRoot) {\n                  const found = targetRoot.querySelectorAll(selector);\n                  if (found) targetEls.push(...(Array.from(found) as HTMLElement[]));\n              }\n            }\n\n            targetEls.forEach(targetEl => {\n              if (options.filter && !options.filter(targetEl, resolvedValue, {currentThis: this, helper: hostSet})) {\n                return;\n              }\n              const resolvedRes = typeof resolvedValue === 'function' ? (resolvedValue as any)(targetEl, hostSet) : resolvedValue;\n\n              if (action === 'set' || action === 'update') {\n                if (action === 'set') targetEl.style.cssText = '';\n                \n                if (typeof resolvedRes === 'object' && resolvedRes !== null && !Array.isArray(resolvedRes)) {\n                  Object.entries(resolvedRes as any).forEach(([prop, val]) => {\n                    const finalVal = typeof val === 'function' ? val(targetEl, hostSet) : val;\n                    if (finalVal === null || finalVal === undefined) {\n                      targetEl.style.removeProperty(prop);\n                    } else {\n                      targetEl.style[prop as any] = String(finalVal);\n                    }\n                  });\n                } else if (typeof resolvedRes === 'string') {\n                  targetEl.style.cssText = resolvedRes;\n                }\n              } else if (action === 'remove') {\n                if (typeof resolvedRes === 'object' && resolvedRes !== null && !Array.isArray(resolvedRes)) {\n                  Object.entries(resolvedRes as any).forEach(([prop, val]) => {\n                    const shouldRemove = typeof val === 'function' ? val(targetEl, hostSet) : !!val;\n                    if (shouldRemove) {\n                      targetEl.style.removeProperty(prop);\n                    }\n                  });\n                } else {\n                  const props = Array.isArray(resolvedRes) ? resolvedRes : [resolvedRes];\n                  props.forEach(p => targetEl.style.removeProperty(String(p)));\n                }\n              }\n            });\n          }\n          return resolvedValue;\n        };\n\n        if (res instanceof Promise) {\n          return res.then(handleResult);\n        } else {\n          return handleResult(res);\n        }\n      };\n      return descriptor;\n    };\n  };\n}\n\nexport function applyStyle(selector: string, action: StyleAction = 'update', options: StyleApplyOptions = {}): MethodDecorator {\n  return createStyleDecorator(action)(selector, options);\n}\n\nexport const setStyle = (selector: string, options: StyleApplyOptions = {}) => createStyleDecorator('set')(selector, options);\nexport const updateStyle = (selector: string, options: StyleApplyOptions = {}) => createStyleDecorator('update')(selector, options);\nexport const removeStyle = (selector: string, options: StyleApplyOptions = {}) => createStyleDecorator('remove')(selector, options);\n\n// This versions\nexport function applyStyleThis(action: StyleAction = 'update', options: StyleApplyOptions = {}): MethodDecorator {\n  return createStyleDecorator(action)('$this', options);\n}\nexport const setStyleThis = (options: StyleApplyOptions = {}) => createStyleDecorator('set')('$this', options);\nexport const updateStyleThis = (options: StyleApplyOptions = {}) => createStyleDecorator('update')('$this', options);\nexport const removeStyleThis = (options: StyleApplyOptions = {}) => createStyleDecorator('remove')('$this', options);\n\nexport const findAllStyleMetadata = (target: any): Map<string | symbol, StyleApplyMetadata> => {\n  const result = new Map<string | symbol, StyleApplyMetadata>();\n  const maps = ReflectUtils.findAllMetadata<Map<string | symbol, StyleApplyMetadata>>(STYLE_METADATA_KEY, target);\n  maps.forEach(map => {\n    if (map instanceof Map) {\n      map.forEach((v, k) => result.set(k, v));\n    }\n  });\n  return result;\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {ReflectUtils} from '@dooboostore/core';\nimport {ensureInit} from './elementDefine';\nimport {SwcUtils} from '../utils/Utils';\nimport { SpecialSelector, SwcQueryOptions, HelperHostSet } from '../types';\n\nexport type StyleAction = 'set' | 'update' | 'remove';\n\nexport interface StyleApplyOptions extends SwcQueryOptions {\n  filter?: (target: HTMLElement, value: any, meta: {currentThis: any, helper: HelperHostSet}) => boolean;\n}\n\nexport interface StyleApplyMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  action: StyleAction;\n  options: StyleApplyOptions;\n}\n\nexport const STYLE_METADATA_KEY = Symbol.for('simple-web-component:style');\n\nfunction createStyleDecorator(action: StyleAction) {\n  return (selector: string, options: StyleApplyOptions = {}): MethodDecorator => {\n    return (target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) => {\n      const constructor = target.constructor;\n      let metaList = ReflectUtils.getOwnMetadata(STYLE_METADATA_KEY, constructor) as Map<string | symbol, StyleApplyMetadata>;\n      if (!metaList) {\n        metaList = new Map<string | symbol, StyleApplyMetadata>();\n        ReflectUtils.defineMetadata(STYLE_METADATA_KEY, metaList, constructor);\n      }\n      metaList.set(propertyKey, { propertyKey, selector, action, options });\n\n      const original = descriptor.value;\n      descriptor.value = function (...args: any[]) {\n        ensureInit(this);\n        const res = (original as any).apply(this, args);\n\n        const handleResult = (resolvedValue: any) => {\n          if (resolvedValue !== undefined) {\n            const win = (this as any).ownerDocument?.defaultView || window;\n            const host = this as unknown as HTMLElement;\n            const hostSet = { ...SwcUtils.getHelperAndHostSet(win, host), $this: this };\n            const r = options.root || 'auto';\n            const targetEls: HTMLElement[] = [];\n\n            const applyRoot = (t: any) => {\n              if (!t || !(t instanceof win.HTMLElement)) return;\n              targetEls.push(t);\n            };\n\n            if (selector === '$this' || !selector) applyRoot(host);\n            else if (selector === '$host') applyRoot(hostSet.$host);\n            else if (selector === '$parentHost') applyRoot(hostSet.$parentHost);\n            else if (selector === '$appHost') applyRoot(hostSet.$appHost);\n            else if (selector === '$firstHost') applyRoot(hostSet.$firstHost);\n            else if (selector === '$lastHost') applyRoot(hostSet.$lastHost);\n            else if (selector === '$firstAppHost') applyRoot(hostSet.$firstAppHost);\n            else if (selector === '$lastAppHost') applyRoot(hostSet.$lastAppHost);\n            else if (selector === '$hosts') hostSet.$hosts.forEach(applyRoot);\n            else if (selector === '$appHosts') hostSet.$appHosts.forEach(applyRoot);\n            else {\n              const targetRoot = r === 'auto' ? (host.shadowRoot || host) : (r === 'shadow' ? host.shadowRoot : host);\n              if (targetRoot) {\n                  const found = targetRoot.querySelectorAll(selector);\n                  if (found) targetEls.push(...(Array.from(found) as HTMLElement[]));\n              }\n            }\n\n            targetEls.forEach(targetEl => {\n              if (options.filter && !options.filter(targetEl, resolvedValue, {currentThis: this, helper: hostSet})) {\n                return;\n              }\n              const resolvedRes = typeof resolvedValue === 'function' ? (resolvedValue as any)(targetEl, hostSet) : resolvedValue;\n\n              if (action === 'set' || action === 'update') {\n                if (action === 'set') targetEl.style.cssText = '';\n                \n                if (typeof resolvedRes === 'object' && resolvedRes !== null && !Array.isArray(resolvedRes)) {\n                  Object.entries(resolvedRes as any).forEach(([prop, val]) => {\n                    const finalVal = typeof val === 'function' ? val(targetEl, hostSet) : val;\n                    if (finalVal === null || finalVal === undefined) {\n                      targetEl.style.removeProperty(prop);\n                    } else {\n                      targetEl.style[prop as any] = String(finalVal);\n                    }\n                  });\n                } else if (typeof resolvedRes === 'string') {\n                  targetEl.style.cssText = resolvedRes;\n                }\n              } else if (action === 'remove') {\n                if (typeof resolvedRes === 'object' && resolvedRes !== null && !Array.isArray(resolvedRes)) {\n                  Object.entries(resolvedRes as any).forEach(([prop, val]) => {\n                    const shouldRemove = typeof val === 'function' ? val(targetEl, hostSet) : !!val;\n                    if (shouldRemove) {\n                      targetEl.style.removeProperty(prop);\n                    }\n                  });\n                } else {\n                  const props = Array.isArray(resolvedRes) ? resolvedRes : [resolvedRes];\n                  props.forEach(p => targetEl.style.removeProperty(String(p)));\n                }\n              }\n            });\n          }\n          return resolvedValue;\n        };\n\n        if (res instanceof Promise) {\n          return res.then(handleResult);\n        } else {\n          return handleResult(res);\n        }\n      };\n      return descriptor;\n    };\n  };\n}\n\nexport function applyStyle(selector: string, action: StyleAction = 'update', options: StyleApplyOptions = {}): MethodDecorator {\n  return createStyleDecorator(action)(selector, options);\n}\n\nexport const setStyle = (selector: string, options: StyleApplyOptions = {}) => createStyleDecorator('set')(selector, options);\nexport const updateStyle = (selector: string, options: StyleApplyOptions = {}) => createStyleDecorator('update')(selector, options);\nexport const removeStyle = (selector: string, options: StyleApplyOptions = {}) => createStyleDecorator('remove')(selector, options);\n\n// This versions\nexport function applyStyleThis(action: StyleAction = 'update', options: StyleApplyOptions = {}): MethodDecorator {\n  return createStyleDecorator(action)('$this', options);\n}\nexport const setStyleThis = (options: StyleApplyOptions = {}) => createStyleDecorator('set')('$this', options);\nexport const updateStyleThis = (options: StyleApplyOptions = {}) => createStyleDecorator('update')('$this', options);\nexport const removeStyleThis = (options: StyleApplyOptions = {}) => createStyleDecorator('remove')('$this', options);\n\nexport const findAllStyleMetadata = (target: any): Map<string | symbol, StyleApplyMetadata> => {\n  const result = new Map<string | symbol, StyleApplyMetadata>();\n  const maps = ReflectUtils.findAllMetadata<Map<string | symbol, StyleApplyMetadata>>(STYLE_METADATA_KEY, target);\n  maps.forEach(map => {\n    if (map instanceof Map) {\n      map.forEach((v, k) => result.set(k, v));\n    }\n  });\n  return result;\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/decorators/attribute.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/attribute.ts"],
-  "sourcesContent": ["import { ReflectUtils, FunctionUtils, ActionExpression } from '@dooboostore/core';\nimport { ensureInit, getElementConfig } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SpecialSelector, SwcQueryOptions } from '../types';\nimport { ConvertUtils } from '@dooboostore/core-web';\nexport interface AttributeFieldOptions extends SwcQueryOptions {\n  name?: string;\n  // connectedInitialize?: boolean;\n  type?: typeof Number | typeof Boolean | typeof String;\n}\n\nexport interface AttributeFieldMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: AttributeFieldOptions;\n  privateKey: symbol;\n}\n\nexport const ATTRIBUTE_FIELD_METADATA_KEY = Symbol.for('simple-web-component:attribute-field');\n\nconst convertValue = (val: string | null, type: any): any => {\n  if (val === null || val === undefined) return val;\n  if (type === Number) return Number(val);\n  if (type === Boolean) return val === 'false' || val === '0' ? false : true;\n  return val;\n};\n\nexport { convertValue };\n\nexport const getAttributeValue = (inst: any, attrName: string, options?: AttributeFieldOptions & { selector?: string }): any => {\n  const conf = getElementConfig(inst);\n  const currentWin = inst._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as any);\n\n  // If selector is not provided, use inst itself\n  const targets = options?.selector ? resolveTargetEls(inst, options.selector, options, currentWin) : [inst];\n\n  const primaryTarget = targets[0];\n\n  if (primaryTarget && typeof (primaryTarget as any).hasAttribute === 'function' && (primaryTarget as any).hasAttribute(attrName)) {\n    let domVal = (primaryTarget as any).getAttribute(attrName);\n\n    // \uD45C\uD604\uC2DD \uCCB4\uD06C\n    const ae = new ActionExpression(domVal);\n    const expr = ae.getFirstExpression('callReturn');\n    if (expr) {\n      try {\n        const result = FunctionUtils.executeReturn({\n          script: ConvertUtils.decodeHtmlEntity(expr.script, currentWin.document),\n          context: inst,\n          args: SwcUtils.getHelperAndHostSet(currentWin, inst)\n        });\n        return convertValue(result, options?.type);\n      } catch (e) {\n        console.error(`[SWC] Failed to execute directive {{= ${expr.script} }}:`, e);\n        return convertValue(domVal, options?.type);\n      }\n    }\n\n    return convertValue(domVal, options?.type);\n  }\n\n  // If no target found, return null\n  return null;\n};\n\nexport const resolveTargetEls = (inst: any, selector: string, options: AttributeFieldOptions, currentWin: any): HTMLElement[] => {\n  const r = options.root || 'auto';\n  const results: HTMLElement[] = [];\n\n  const applyRoot = (target: any) => {\n    if (!target) return;\n    if (r === 'auto') {\n      results.push(target);\n    } else {\n      if (r === 'light' || r === 'all') results.push(target);\n      if ((r === 'shadow' || r === 'all') && target.shadowRoot) results.push(target.shadowRoot);\n    }\n  };\n\n  if (selector === '$this' || !selector) {\n    applyRoot(inst);\n  } else if (selector === '$window') {\n    results.push(currentWin);\n  } else if (selector === '$document') {\n    results.push(currentWin.document);\n  } else {\n    const hostSet = SwcUtils.getHostSet(inst);\n    if (selector === '$host') applyRoot(hostSet.$host);\n    else if (selector === '$parentHost') applyRoot(hostSet.$parentHost);\n    else if (selector === '$appHost') applyRoot(hostSet.$appHost as any);\n    else if (selector === '$firstHost') applyRoot(hostSet.$firstHost);\n    else if (selector === '$lastHost') applyRoot(hostSet.$lastHost);\n    else if (selector === '$firstAppHost') applyRoot(hostSet.$firstAppHost as any);\n    else if (selector === '$lastAppHost') applyRoot(hostSet.$lastAppHost as any);\n    else {\n      if (r === 'shadow') {\n        const found = inst.shadowRoot?.querySelectorAll(selector);\n        if (found) results.push(...found);\n      } else if (r === 'light') {\n        const found = inst.querySelectorAll(selector);\n        if (found) results.push(...found);\n      } else if (r === 'all') {\n        const sMatch = inst.shadowRoot?.querySelectorAll(selector);\n        const lMatch = inst.querySelectorAll(selector);\n        if (sMatch) results.push(...sMatch);\n        if (lMatch) results.push(...lMatch);\n      } else {\n        const found = (inst.shadowRoot || inst).querySelectorAll(selector);\n        if (found) results.push(...found);\n      }\n    }\n  }\n  return results;\n};\n\n/**\n * @attribute decorator to sync a field value with an element's attribute.\n */\nexport function attribute(selector: string, options: AttributeFieldOptions = {}): PropertyDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    const privateKey = Symbol(String(propertyKey));\n    //\n    const designType = (Reflect as any).getMetadata('design:type', target, propertyKey);\n    //\n    let metaList = ReflectUtils.getOwnMetadata(ATTRIBUTE_FIELD_METADATA_KEY, constructor) as AttributeFieldMetadata[];\n    if (!metaList) {\n      metaList = [];\n      ReflectUtils.defineMetadata(ATTRIBUTE_FIELD_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({ propertyKey, selector, options, privateKey });\n\n    const applySetAttribute = (inst: any, targets: HTMLElement[], attrName: string, nv: any) => {\n      targets.forEach(it => {\n        // console.log('sssssssssssss', it, attrName, nv);\n        if (it && typeof (it as any).setAttribute === 'function') {\n          if (nv === null) {\n            (it as any).removeAttribute(attrName);\n          } else {\n            (it as any).setAttribute(attrName, String(nv));\n          }\n        } else {\n          inst[privateKey] = nv;\n        }\n      });\n    };\n\n    try {\n      // Own property\uB97C \uC0AD\uC81C\uD558\uC5EC getter\uAC00 \uC791\uB3D9\uD558\uB3C4\uB85D \uD568\n      // delete target[propertyKey];\n\n      // const defineTarget = target instanceof Function ? target : (target as any).constructor;\n\n      Object.defineProperty(target, propertyKey, {\n        get(this: any) {\n          const attrName = options.name || String(propertyKey);\n\n          // Merge designType fallback into options once\n          const mergedOptions = {\n            ...options,\n            selector,\n            type: options.type || designType\n          };\n\n          const result = getAttributeValue(this, attrName, mergedOptions);\n          return result !== null ? result : this[privateKey];\n        },\n        set(this: any, nv: any) {\n          // this[propertyKey] = nv;\n          // console.log('------>??settttt', this, nv, propertyKey);\n          const attrName = options.name || String(propertyKey);\n          const conf = getElementConfig(this);\n          const currentWin = this._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as any);\n\n          // if (!this.__swc_connected) {\n          //   this[privateKey] = nv;\n          //   return;\n          // }\n\n          const targets = resolveTargetEls(this, selector, options, currentWin);\n          applySetAttribute(this, targets, attrName, nv);\n        },\n        enumerable: true,\n        configurable: true\n      });\n    } catch (err) {\n      console.error('[SWC] defineProperty error:', err);\n    }\n  };\n}\n\n/**\n * @attributeThis decorator to sync a field value with the $this element's attribute.\n */\nexport function attributeThis(target: Object, propertyKey: string | symbol): void;\nexport function attributeThis(options: AttributeFieldOptions): PropertyDecorator;\nexport function attributeThis(attrName: string): PropertyDecorator;\nexport function attributeThis(attrName: string, options: AttributeFieldOptions): PropertyDecorator;\nexport function attributeThis(targetOrAttrOrOptions?: any, propertyKeyOrOptions?: any): any {\n  if (propertyKeyOrOptions !== undefined && (typeof propertyKeyOrOptions === 'string' || typeof propertyKeyOrOptions === 'symbol')) {\n    return attribute('$this', { name: String(propertyKeyOrOptions) })(targetOrAttrOrOptions, propertyKeyOrOptions);\n  }\n\n  if (typeof targetOrAttrOrOptions === 'string') {\n    const attrName = targetOrAttrOrOptions;\n    const options = (typeof propertyKeyOrOptions === 'object' ? propertyKeyOrOptions : {}) as AttributeFieldOptions;\n    return attribute('$this', { ...options, name: attrName });\n  } else if (typeof targetOrAttrOrOptions === 'object') {\n    const options = targetOrAttrOrOptions as AttributeFieldOptions;\n    return (target: Object, propertyKey: string | symbol) => {\n      return attribute('$this', { ...options, name: String(propertyKey) })(target, propertyKey);\n    };\n  } else {\n    return (target: Object, propertyKey: string | symbol) => {\n      return attribute('$this', { name: String(propertyKey) })(target, propertyKey);\n    };\n  }\n}\n\nexport const findAllAttributeMetadata = (target: any): AttributeFieldMetadata[] => {\n  const actualTarget = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.findAllMetadata<AttributeFieldMetadata[]>(ATTRIBUTE_FIELD_METADATA_KEY, actualTarget).flat();\n};\n"],
+  "sourcesContent": ["import { ReflectUtils, FunctionUtils, ActionExpression } from '@dooboostore/core';\nimport { ensureInit, getElementConfig } from './elementDefine';\nimport { SwcUtils } from '../utils/Utils';\nimport { SpecialSelector, SwcQueryOptions, HelperHostSet } from '../types';\nimport { ConvertUtils } from '@dooboostore/core-web';\nexport interface AttributeFieldOptions extends SwcQueryOptions {\n  name?: string;\n  // connectedInitialize?: boolean;\n  type?: typeof Number | typeof Boolean | typeof String;\n}\n\nexport interface AttributeFieldMetadata {\n  propertyKey: string | symbol;\n  selector: string;\n  options: AttributeFieldOptions;\n  privateKey: symbol;\n}\n\nexport const ATTRIBUTE_FIELD_METADATA_KEY = Symbol.for('simple-web-component:attribute-field');\n\nconst convertValue = (val: string | null, type: any): any => {\n  if (val === null || val === undefined) return val;\n  if (type === Number) return Number(val);\n  if (type === Boolean) return val === 'false' || val === '0' ? false : true;\n  return val;\n};\n\nexport { convertValue };\n\nexport const getAttributeValue = (inst: any, attrName: string, options?: AttributeFieldOptions & { selector?: string }): any => {\n  const conf = getElementConfig(inst);\n  const currentWin = inst._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as any);\n\n  // If selector is not provided, use inst itself\n  const targets = options?.selector ? resolveTargetEls(inst, options.selector, options, currentWin) : [inst];\n\n  const primaryTarget = targets[0];\n\n  if (primaryTarget && typeof (primaryTarget as any).hasAttribute === 'function' && (primaryTarget as any).hasAttribute(attrName)) {\n    let domVal = (primaryTarget as any).getAttribute(attrName);\n\n    // \uD45C\uD604\uC2DD \uCCB4\uD06C\n    const ae = new ActionExpression(domVal);\n    const expr = ae.getFirstExpression('callReturn');\n    if (expr) {\n      try {\n        const result = FunctionUtils.executeReturn({\n          script: ConvertUtils.decodeHtmlEntity(expr.script, currentWin.document),\n          context: inst,\n          args: SwcUtils.getHelperAndHostSet(currentWin, inst)\n        });\n        return convertValue(result, options?.type);\n      } catch (e) {\n        console.error(`[SWC] Failed to execute directive {{= ${expr.script} }}:`, e);\n        return convertValue(domVal, options?.type);\n      }\n    }\n\n    return convertValue(domVal, options?.type);\n  }\n\n  // If no target found, return null\n  return null;\n};\n\nexport const resolveTargetEls = (inst: any, selector: string, options: AttributeFieldOptions, currentWin: any): HTMLElement[] => {\n  const r = options.root || 'auto';\n  const results: HTMLElement[] = [];\n\n  const applyRoot = (target: any) => {\n    if (!target) return;\n    if (r === 'auto') {\n      results.push(target);\n    } else {\n      if (r === 'light' || r === 'all') results.push(target);\n      if ((r === 'shadow' || r === 'all') && target.shadowRoot) results.push(target.shadowRoot);\n    }\n  };\n\n  if (selector === '$this' || !selector) {\n    applyRoot(inst);\n  } else if (selector === '$window') {\n    results.push(currentWin);\n  } else if (selector === '$document') {\n    results.push(currentWin.document);\n  } else {\n    const hostSet = SwcUtils.getHostSet(inst);\n    if (selector === '$host') applyRoot(hostSet.$host);\n    else if (selector === '$parentHost') applyRoot(hostSet.$parentHost);\n    else if (selector === '$appHost') applyRoot(hostSet.$appHost as any);\n    else if (selector === '$firstHost') applyRoot(hostSet.$firstHost);\n    else if (selector === '$lastHost') applyRoot(hostSet.$lastHost);\n    else if (selector === '$firstAppHost') applyRoot(hostSet.$firstAppHost as any);\n    else if (selector === '$lastAppHost') applyRoot(hostSet.$lastAppHost as any);\n    else {\n      if (r === 'shadow') {\n        const found = inst.shadowRoot?.querySelectorAll(selector);\n        if (found) results.push(...found);\n      } else if (r === 'light') {\n        const found = inst.querySelectorAll(selector);\n        if (found) results.push(...found);\n      } else if (r === 'all') {\n        const sMatch = inst.shadowRoot?.querySelectorAll(selector);\n        const lMatch = inst.querySelectorAll(selector);\n        if (sMatch) results.push(...sMatch);\n        if (lMatch) results.push(...lMatch);\n      } else {\n        const found = (inst.shadowRoot || inst).querySelectorAll(selector);\n        if (found) results.push(...found);\n      }\n    }\n  }\n  return results;\n};\n\n/**\n * @attribute decorator to sync a field value with an element's attribute.\n */\nexport function attribute(selector: string, options: AttributeFieldOptions = {}): PropertyDecorator {\n  return (target: Object, propertyKey: string | symbol) => {\n    const constructor = target.constructor;\n    const privateKey = Symbol(String(propertyKey));\n    //\n    const designType = (Reflect as any).getMetadata('design:type', target, propertyKey);\n    //\n    let metaList = ReflectUtils.getOwnMetadata(ATTRIBUTE_FIELD_METADATA_KEY, constructor) as AttributeFieldMetadata[];\n    if (!metaList) {\n      metaList = [];\n      ReflectUtils.defineMetadata(ATTRIBUTE_FIELD_METADATA_KEY, metaList, constructor);\n    }\n    metaList.push({ propertyKey, selector, options, privateKey });\n\n    const applySetAttribute = (inst: any, targets: HTMLElement[], attrName: string, nv: any) => {\n      targets.forEach(it => {\n        // console.log('sssssssssssss', it, attrName, nv);\n        if (it && typeof (it as any).setAttribute === 'function') {\n          if (nv === null) {\n            (it as any).removeAttribute(attrName);\n          } else {\n            (it as any).setAttribute(attrName, String(nv));\n          }\n        } else {\n          inst[privateKey] = nv;\n        }\n      });\n    };\n\n    try {\n      // Own property\uB97C \uC0AD\uC81C\uD558\uC5EC getter\uAC00 \uC791\uB3D9\uD558\uB3C4\uB85D \uD568\n      // delete target[propertyKey];\n\n      // const defineTarget = target instanceof Function ? target : (target as any).constructor;\n\n      Object.defineProperty(target, propertyKey, {\n        get(this: any) {\n          const attrName = options.name || String(propertyKey);\n\n          // Merge designType fallback into options once\n          const mergedOptions = {\n            ...options,\n            selector,\n            type: options.type || designType\n          };\n\n          const result = getAttributeValue(this, attrName, mergedOptions);\n          return result !== null ? result : this[privateKey];\n        },\n        set(this: any, nv: any) {\n          // this[propertyKey] = nv;\n          // console.log('------>??settttt', this, nv, propertyKey);\n          const attrName = options.name || String(propertyKey);\n          const conf = getElementConfig(this);\n          const currentWin = this._resolveWindow?.(conf) || ((typeof window !== 'undefined' ? window : undefined) as any);\n\n          // if (!this.__swc_connected) {\n          //   this[privateKey] = nv;\n          //   return;\n          // }\n\n          const targets = resolveTargetEls(this, selector, options, currentWin);\n          applySetAttribute(this, targets, attrName, nv);\n        },\n        enumerable: true,\n        configurable: true\n      });\n    } catch (err) {\n      console.error('[SWC] defineProperty error:', err);\n    }\n  };\n}\n\n/**\n * @attributeThis decorator to sync a field value with the $this element's attribute.\n */\nexport function attributeThis(target: Object, propertyKey: string | symbol): void;\nexport function attributeThis(options: AttributeFieldOptions): PropertyDecorator;\nexport function attributeThis(attrName: string): PropertyDecorator;\nexport function attributeThis(attrName: string, options: AttributeFieldOptions): PropertyDecorator;\nexport function attributeThis(targetOrAttrOrOptions?: any, propertyKeyOrOptions?: any): any {\n  if (propertyKeyOrOptions !== undefined && (typeof propertyKeyOrOptions === 'string' || typeof propertyKeyOrOptions === 'symbol')) {\n    return attribute('$this', { name: String(propertyKeyOrOptions) })(targetOrAttrOrOptions, propertyKeyOrOptions);\n  }\n\n  if (typeof targetOrAttrOrOptions === 'string') {\n    const attrName = targetOrAttrOrOptions;\n    const options = (typeof propertyKeyOrOptions === 'object' ? propertyKeyOrOptions : {}) as AttributeFieldOptions;\n    return attribute('$this', { ...options, name: attrName });\n  } else if (typeof targetOrAttrOrOptions === 'object') {\n    const options = targetOrAttrOrOptions as AttributeFieldOptions;\n    return (target: Object, propertyKey: string | symbol) => {\n      return attribute('$this', { ...options, name: String(propertyKey) })(target, propertyKey);\n    };\n  } else {\n    return (target: Object, propertyKey: string | symbol) => {\n      return attribute('$this', { name: String(propertyKey) })(target, propertyKey);\n    };\n  }\n}\n\nexport const findAllAttributeMetadata = (target: any): AttributeFieldMetadata[] => {\n  const actualTarget = target instanceof Function ? target : target.constructor;\n  return ReflectUtils.findAllMetadata<AttributeFieldMetadata[]>(ATTRIBUTE_FIELD_METADATA_KEY, actualTarget).flat();\n};\n"],
   "mappings": "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",
   "names": []
 }

package/dist/cjs/decorators/elementDefine.js

@@ -37,8 +37,8 @@ var import_config = require("../config/config");
 var import_Inject = require("@dooboostore/simple-boot/decorators/inject/Inject");
 var import_types = require("../types");
 var import_core_web = require("@dooboostore/core-web");
-var import_SwcApp = require("../elements/SwcApp");
-var import_applySlot = require("./applySlot");
+var import_SwcAppMixin = require("../elements/SwcAppMixin");
+var import_state = require("./state");
 const ELEMENT_CONFIG_KEY = Symbol.for("simple-web-component:element-config");
 const getElementConfig = (target) => {
   const constructor = target instanceof Function ? target : target.constructor;
@@ -46,14 +46,17 @@ const getElementConfig = (target) => {
 };
 const ensureInit = (inst) => {
   if (!inst.__swc_initialized) {
-    inst._swcId = inst?.getAttribute?.("swc-use-ssr") ?? Math.random().toString(36).substring(2, 11);
+    inst._swcId = inst?.getAttribute?.("swc-use-ssr") ?? "s" + Math.random().toString(36).substring(2, 11).toLowerCase();
     inst._emitHandlers = /* @__PURE__ */ new Map();
     inst._boundListeners = [];
     inst.__swc_initialized = true;
     const target = inst instanceof Function ? inst : inst.constructor;
     const attributeList = (0, import_attribute.findAllAttributeMetadata)(target);
     attributeList.forEach((meta) => {
+      const initUserData = inst[meta.propertyKey];
       delete inst[meta.propertyKey];
+      if (initUserData !== void 0)
+        inst[meta.propertyKey] = initUserData;
     });
     const queryList = (0, import_query.getQueryMetadata)(target);
     if (queryList) {
@@ -67,10 +70,12 @@ const ensureInit = (inst) => {
         delete inst[meta.propertyKey];
       });
     }
-    const slotAllList = (0, import_applySlot.findAllApplySlotMetadata)(target);
-    if (slotAllList) {
-      slotAllList.filter((it) => it.type === "property").forEach((meta) => {
+    const stateAllList = (0, import_state.findAllStateMetadata)(target);
+    if (stateAllList) {
+      stateAllList.forEach((meta) => {
+        const initUserData = inst[meta.propertyKey];
         delete inst[meta.propertyKey];
+        inst[meta.propertyKey] = initUserData;
       });
     }
     const hostSet = import_Utils.SwcUtils.getHostSet(inst);
@@ -118,6 +123,24 @@ const getHandlers = (inst) => {
 const setupPrototype = (proto, win) => {
   if (proto.__swc_proto_setup) return;
   proto.__swc_proto_setup = true;
+  proto.createSlotString = function(id) {
+    return import_core_web.NodeSlot.slot(`${this._swcId}-${id}`);
+  };
+  proto.createEaHtml = function(id, script) {
+    return import_core_web.ElementApply.html(id, script);
+  };
+  proto.createEaText = function(id, script) {
+    return import_core_web.ElementApply.text(id, script);
+  };
+  proto.createEaAttribute = function(id, name, script) {
+    return import_core_web.ElementApply.attribute(id, name, script);
+  };
+  proto.createEaEvent = function(id, name, script) {
+    return import_core_web.ElementApply.event(id, name, script);
+  };
+  proto.createEaProperty = function(id, name, script) {
+    return import_core_web.ElementApply.property(id, name, script);
+  };
   proto._executeSwcScript = function(attrName, hostSet, extraArgs = {}) {
     ensureInit(this);
     const script = this.getAttribute(attrName);
@@ -259,7 +282,7 @@ const elementDefine = (name, config = {}) => (constructor) => {
     ensureInit(this);
     helperHostSet = import_Utils.SwcUtils.getHelperAndHostSet(win, this);
     const appHost = helperHostSet.$appHost;
-    const useSsr = (0, import_SwcApp.isSSR)(this);
+    const useSsr = (0, import_SwcAppMixin.isSSR)(this);
     try {
       if (appHost && typeof appHost._connected === "function") {
         await appHost._connected(this);
@@ -269,56 +292,57 @@ const elementDefine = (name, config = {}) => (constructor) => {
       }
       const conf = getElementConfig(this);
       const currentWin = this._resolveWindow(conf);
-      const bMethods = (0, import_lifecycles.getOnConnectedBeforeMetadata)(this).filter((it) => useSsr ? !it.options.ssrFirst : true);
+      const bMethods = (0, import_lifecycles.findAllOnConnectedBeforeMetadata)(this).filter((it) => useSsr ? !it.options.ssrFirst : true);
       if (bMethods) {
         for (const m of bMethods) await this._invokeLifecycleMethod(m.propertyKey, helperHostSet);
       }
       this._executeSwcScript("swc-on-before-connected", helperHostSet);
-      const targetConnectedInnerHtmlList = (0, import_lifecycles.getOnConnectedInnerHtmlMetadata)(constructor).filter((it) => useSsr ? !it.options.ssrFirst : true);
-      const shadowMode = conf?.useShadow || targetConnectedInnerHtmlList.find((it) => it.options.useShadow)?.options.useShadow;
+      const targetConnectedList = (0, import_lifecycles.findAllOnConnectedMetadata)(constructor).filter((it) => useSsr ? !it.options.ssrFirst : true);
+      const shadowMode = conf?.useShadow || targetConnectedList.find((it) => it.options.useShadow)?.options.useShadow;
       if (shadowMode && !this.shadowRoot) {
         const mode = shadowMode === true ? "open" : shadowMode;
+        console.log("tagName=", this.tagName, "mode", mode, this.shadowRoot);
         this.attachShadow({ mode });
       }
-      if (targetConnectedInnerHtmlList.length > 0) {
-        let sContent = "", lContent = "";
-        for (const meta of targetConnectedInnerHtmlList) {
+      const stateContext = { ...helperHostSet };
+      (0, import_state.findAllStateMetadata)(this).forEach((it) => {
+        stateContext[it.name] = this[it.propertyKey];
+      });
+      const shadowChildren = [];
+      const lightChildren = [];
+      console.log("targetConnectList", this.tagName, targetConnectedList.length);
+      if (targetConnectedList.length > 0) {
+        for (const meta of targetConnectedList) {
           let res = await this._invokeLifecycleMethod(meta.propertyKey, helperHostSet);
-          const actionExpression = new import_core.ActionExpression(res, {
-            expression: {
-              replace: {
-                start: meta.options.replaceWrap?.start || "[[",
-                end: meta.options.replaceWrap?.end || "]]"
-              },
-              callReturn: {
-                start: meta.options.replaceWrap?.start || "[[=",
-                end: meta.options.replaceWrap?.end || "]]"
-              },
-              call: {
-                start: meta.options.replaceWrap?.start || "[[@",
-                end: meta.options.replaceWrap?.end || "]]"
-              }
+          if (typeof res === "string") {
+            const htmlTemplateElement = doc.createElement("template");
+            htmlTemplateElement.innerHTML = res;
+            res = htmlTemplateElement.content;
+          }
+          if (res) {
+            const nodes = Array.isArray(res) ? res : [res];
+            if (meta.options.useShadow || conf?.useShadow) {
+              shadowChildren.push(...nodes);
+            } else {
+              lightChildren.push(...nodes);
             }
-          });
-          actionExpression.getExpressions().filter((it) => it.type === "replace").forEach((it) => {
-            actionExpression.replace(it, import_core_web.NodeSlot.slot(`${this._swcId}-${it.script}`));
-          });
-          res = actionExpression.getUnprocessedTemplate();
-          if (res !== void 0) {
-            if (meta.options.useShadow || conf?.useShadow) sContent += res;
-            else lContent += res;
           }
         }
         try {
           if (this.shadowRoot) {
-            this.shadowRoot.innerHTML = sContent;
+            const applyShadowChildren = import_Utils.SwcUtils.projectProcessHtml(this._swcId, shadowChildren, doc);
+            this.shadowRoot.replaceChildren(...applyShadowChildren);
           }
-          if (lContent) {
-            this.innerHTML = lContent;
+          if (lightChildren.length) {
+            const applyLightChildren = import_Utils.SwcUtils.projectProcessHtml(this._swcId, lightChildren, doc);
+            this.replaceChildren(...applyLightChildren);
           }
         } catch (e) {
           console.error("[ElementDefine] innerHTML setting error:", e);
         }
+        new import_core_web.ElementApply(this, { id: this._swcId }).apply({ context: stateContext, bind: this });
+      } else {
+        new import_core_web.ElementApply(this, { id: this._swcId }).apply({ exclude: { html: true, text: true, attribute: true }, context: stateContext, bind: this });
       }
       const root = this.getRootNode();
       if (!globalDelegatedRoots.has(root)) {
@@ -443,13 +467,11 @@ const elementDefine = (name, config = {}) => (constructor) => {
             await this[meta.propertyKey](event, { currentHostSet, $$matchedElement: event.currentTarget }, args);
           };
           t.addEventListener(type, handler, opts);
-          if (options.removeOnDisconnected === true || t === currentWin || t === currentWin.document) {
-            this._boundListeners.push({ target: t, type, handler, options: opts });
-          }
+          this._boundListeners.push({ target: t, type, handler, options: opts });
         });
       });
       if (originalConnected) await originalConnected.apply(this);
-      const aMethods = (0, import_lifecycles.getOnConnectedAfterMetadata)(this).filter((it) => {
+      const aMethods = (0, import_lifecycles.findAllOnConnectedAfterMetadata)(this).filter((it) => {
         return useSsr ? !it.options.ssrFirst : true;
       });
       if (aMethods) {
@@ -492,6 +514,7 @@ const elementDefine = (name, config = {}) => (constructor) => {
       this._boundListeners.forEach((l) => l.target.removeEventListener(l.type, l.handler, l.options));
       this._boundListeners = [];
     }
+    new import_core_web.ElementApply(this, { id: this._swcId }).removeAllEventListener();
     if (originalDisconnected) originalDisconnected.apply(this);
     const aMethods = (0, import_lifecycles.findAllLifecycleMetadata)(this, import_lifecycles.ON_AFTER_DISCONNECTED_METADATA_KEY);
     if (aMethods) {