@egjs/vue3-flicking 4.15.0 → 4.17.0-beta.2
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/LICENSE +19 -0
- package/declaration/FlickingProps.d.ts +1 -1
- package/declaration/VuePanel.d.ts +1 -1
- package/declaration/VueRenderer.d.ts +1 -1
- package/declaration/types.d.ts +3 -3
- package/dist/flicking.cjs.js +446 -542
- package/dist/flicking.cjs.js.map +1 -1
- package/dist/flicking.esm.js +450 -541
- package/dist/flicking.esm.js.map +1 -1
- package/package.json +16 -22
- package/src/Flicking.ts +55 -62
- package/src/FlickingProps.ts +3 -2
- package/src/VueElementProvider.ts +3 -1
- package/src/VueRenderer.ts +3 -8
- package/src/reactive.ts +1 -2
- package/src/types.ts +27 -30
- package/public/favicon.ico +0 -0
- package/public/index.html +0 -18
package/dist/flicking.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flicking.esm.js","sources":["../src/FlickingProps.ts","../src/VueRenderer.ts","../src/VuePanel.ts","../src/VueElementProvider.ts","../src/Flicking.ts","../src/reactive.ts"],"sourcesContent":["/*\n * Copyright (c) 2015 NAVER Corp.\n * egjs projects are licensed under the MIT license\n */\nimport { PropType } from \"vue\";\nimport { FlickingOptions, Plugin, Status } from \"@egjs/flicking\";\n\nexport default {\n viewportTag: {\n type: String,\n default: \"div\",\n required: false\n },\n cameraTag: {\n type: String,\n default: \"div\",\n required: false\n },\n cameraClass: {\n type: String,\n default: \"\",\n required: false\n },\n hideBeforeInit: {\n type: Boolean,\n default: false,\n required: false\n },\n firstPanelSize: {\n type: String,\n required: false\n },\n options: {\n type: Object as unknown as () => Partial<FlickingOptions>,\n default: () => ({}),\n required: false\n },\n plugins: {\n type: Array as PropType<Plugin[]>,\n default: () => ([]),\n required: false\n },\n status: {\n type: Object as PropType<Status>,\n required: false\n }\n};\n","/*\n * Copyright (c) 2015 NAVER Corp.\n * egjs projects are licensed under the MIT license\n */\nimport {\n ExternalRenderer,\n getFlickingAttached,\n PanelOptions,\n RendererOptions\n} from \"@egjs/flicking\";\n\nimport VueFlicking from \"./Flicking\";\nimport VuePanel from \"./VuePanel\";\n\nexport interface VueRendererOptions extends RendererOptions {\n vueFlicking: VueFlicking;\n}\n\nclass VueRenderer extends ExternalRenderer {\n // Internal States\n private _vueFlicking: VueFlicking;\n\n public constructor(options: VueRendererOptions) {\n super(options);\n\n this._vueFlicking = options.vueFlicking;\n }\n\n public async render() {\n const flicking = getFlickingAttached(this._flicking);\n const vueFlicking = this._vueFlicking;\n const strategy = this._strategy;\n\n strategy.updateRenderingPanels(flicking);\n strategy.renderPanels(flicking);\n\n return new Promise<void>((resolve) => {\n vueFlicking.renderEmitter.once(\"render\", () => {\n this._afterRender();\n resolve();\n });\n vueFlicking.$forceUpdate();\n });\n }\n\n public async forceRenderAllPanels() {\n const vueFlicking = this._vueFlicking;\n\n await super.forceRenderAllPanels();\n\n return new Promise<void>((resolve) => {\n vueFlicking.renderEmitter.once(\"render\", resolve);\n vueFlicking.$forceUpdate();\n });\n }\n\n protected _collectPanels() {\n const flicking = getFlickingAttached(this._flicking);\n const vueFlicking = this._vueFlicking;\n const childRefs = vueFlicking.$refs;\n const vuePanels: any[] = Object.keys(childRefs).map(refKey => childRefs[refKey]);\n\n this._panels = this._strategy.collectPanels(flicking, vuePanels);\n }\n\n protected _createPanel(externalComponent: VuePanel, options: PanelOptions) {\n return this._strategy.createPanel(externalComponent, options);\n }\n}\n\nexport default VueRenderer;\n","/*\n * Copyright (c) 2015 NAVER Corp.\n * egjs projects are licensed under the MIT license\n */\n\nimport { defineComponent } from \"vue\";\n\nconst VuePanel = defineComponent({\n data() {\n return {\n hide: false\n };\n },\n render() {\n if (this.hide || !this.$slots.default) return;\n\n return this.$slots.default();\n }\n});\n\ntype VuePanelType = InstanceType<typeof VuePanel>;\n\ninterface VuePanel extends VuePanelType {}\nexport default VuePanel;\n","/*\n * Copyright (c) 2015 NAVER Corp.\n * egjs projects are licensed under the MIT license\n */\nimport { ElementProvider } from \"@egjs/flicking\";\n\nimport VuePanel from \"./VuePanel\";\n\nclass VueElementProvider implements ElementProvider {\n private _el: VuePanel;\n private _cachedElement: HTMLElement;\n\n public get rendered() { return !this._el.hide; }\n public get element() {\n const el = this._el.$el.nextSibling as HTMLElement;\n\n if (el && el.nodeType === Node.ELEMENT_NODE) {\n this._cachedElement = el;\n }\n\n return this._cachedElement;\n }\n\n public constructor(el: VuePanel) {\n this._el = el;\n }\n\n public show() {\n this._el.hide = false;\n }\n\n public hide() {\n this._el.hide = true;\n }\n}\n\nexport default VueElementProvider;\n","/*\n * Copyright (c) 2015 NAVER Corp.\n * egjs projects are licensed under the MIT license\n */\nimport { h, defineComponent, VNode, resolveComponent, Fragment, getCurrentInstance, Comment, Text } from \"vue\";\nimport ListDiffer, { DiffResult } from \"@egjs/list-differ\";\nimport Component from \"@egjs/component\";\nimport VanillaFlicking, {\n EVENTS,\n withFlickingMethods,\n sync,\n Plugin,\n getRenderingPanels,\n getDefaultCameraTransform,\n range,\n VirtualRenderingStrategy,\n NormalRenderingStrategy\n} from \"@egjs/flicking\";\n\nimport FlickingProps from \"./FlickingProps\";\nimport VueRenderer, { VueRendererOptions } from \"./VueRenderer\";\nimport VuePanel from \"./VuePanel\";\nimport VueElementProvider from \"./VueElementProvider\";\nimport { VueFlicking } from \"./types\";\n\nconst Flicking = defineComponent({\n props: FlickingProps,\n components: {\n Panel: VuePanel\n },\n data() {\n return {} as {\n renderEmitter: Component<{ render: void }>;\n vanillaFlicking: VanillaFlicking;\n pluginsDiffer: ListDiffer<Plugin>;\n slotDiffer: ListDiffer<VNode>;\n diffResult: DiffResult<VNode> | null;\n };\n },\n created() {\n this.vanillaFlicking = null;\n this.renderEmitter = new Component();\n this.diffResult = null;\n\n this.getPanels = () => {\n const componentInstance = getCurrentInstance() as unknown as { ctx: Flicking } | null;\n const vueFlicking = componentInstance?.ctx;\n const flicking = this.vanillaFlicking;\n const defaultSlots = this.getSlots();\n const diffResult = vueFlicking?.diffResult;\n\n const slots = diffResult\n ? getRenderingPanels(flicking, diffResult)\n : defaultSlots;\n\n const panelComponent = resolveComponent(\"Panel\");\n const panels = slots.map((slot, idx) => h(panelComponent as any, {\n key: slot.key!,\n ref: idx.toString()\n }, () => slot));\n\n return panels;\n };\n this.getVirtualPanels = () => {\n const options = this.options;\n const {\n panelClass = \"flicking-panel\"\n } = options.virtual!;\n const panelsPerView = options.panelsPerView as number;\n const flicking = this.vanillaFlicking;\n const initialized = flicking && flicking.initialized;\n\n const renderingIndexes = initialized\n ? flicking.renderer.strategy.getRenderingIndexesByOrder(flicking)\n : range(panelsPerView + 1);\n\n const firstPanel = initialized && flicking.panels[0];\n const size = firstPanel\n ? flicking.horizontal\n ? { width: firstPanel.size }\n : { height: firstPanel.size }\n : {};\n\n return renderingIndexes.map(idx => h(\"div\", {\n key: idx,\n ref: idx.toString(),\n class: panelClass,\n style: size,\n \"data-element-index\": idx\n }));\n };\n\n withFlickingMethods(this, \"vanillaFlicking\");\n },\n mounted() {\n const options = this.options;\n const viewportEl = this.$el as HTMLElement;\n const rendererOptions: VueRendererOptions = {\n vueFlicking: this,\n align: options.align,\n strategy: options.virtual && (options.panelsPerView ?? -1) > 0\n ? new VirtualRenderingStrategy()\n : new NormalRenderingStrategy({\n providerCtor: VueElementProvider\n })\n };\n\n const flicking = new VanillaFlicking(viewportEl, {\n ...options,\n externalRenderer: new VueRenderer(rendererOptions)\n });\n this.vanillaFlicking = flicking;\n\n flicking.once(EVENTS.READY, () => {\n this.$forceUpdate();\n });\n\n const slots = this.getSlots();\n this.slotDiffer = new ListDiffer<VNode>(slots, vnode => vnode.key! as string | number);\n this.pluginsDiffer = new ListDiffer<Plugin>();\n\n this.bindEvents();\n this.checkPlugins();\n\n if (this.status) {\n flicking.setStatus(this.status);\n }\n },\n beforeUnmount() {\n this.vanillaFlicking?.destroy();\n },\n beforeMount() {\n this.fillKeys();\n },\n beforeUpdate() {\n this.fillKeys();\n\n this.diffResult = this.slotDiffer?.update(this.getSlots());\n },\n updated() {\n const flicking = this.vanillaFlicking;\n const diffResult = this.diffResult;\n\n this.checkPlugins();\n this.renderEmitter.trigger(\"render\");\n\n if (!diffResult || !flicking?.initialized) return;\n\n const children = this.getChildren();\n\n sync(flicking, diffResult, children);\n\n if (diffResult.added.length > 0 || diffResult.removed.length > 0) {\n this.$forceUpdate();\n }\n\n this.diffResult = undefined;\n },\n render() {\n const flicking = this.vanillaFlicking;\n const options = this.options;\n const initialized = flicking && flicking.initialized;\n const isHorizontal = flicking\n ? flicking.horizontal\n : this.options.horizontal ?? true;\n\n const viewportData = {\n class: {\n \"flicking-viewport\": true,\n \"vertical\": !isHorizontal,\n \"flicking-hidden\": this.hideBeforeInit && !initialized\n }\n };\n const cameraData = {\n class: {\n \"flicking-camera\": true,\n [this.cameraClass]: !!this.cameraClass\n },\n style: !initialized && this.firstPanelSize\n ? { transform: getDefaultCameraTransform(this.options.align, this.options.horizontal, this.firstPanelSize) }\n : {}\n };\n\n const panels = options.virtual && options.panelsPerView && options.panelsPerView > 0\n ? this.getVirtualPanels\n : this.getPanels;\n\n const viewportSlots = this.$slots.viewport\n ? this.$slots.viewport()\n : [];\n\n return h(this.viewportTag, viewportData,\n [h(this.cameraTag, cameraData, { default: panels }), ...viewportSlots]\n );\n },\n methods: {\n getSlots() {\n const slots = this.$slots.default\n ? this.$slots.default()\n : [];\n\n return slots\n .reduce((elementSlots, slot) => [...elementSlots, ...this.getElementVNodes(slot)], [] as VNode[])\n .filter(slot => slot.type !== Comment && slot.type !== Text);\n },\n getElementVNodes(slot: VNode, childSlots: VNode[] = []): VNode[] {\n if (slot.type === Fragment && Array.isArray(slot.children)) {\n slot.children\n .filter(child => child && typeof child === \"object\")\n .forEach(child => this.getElementVNodes(child as VNode, childSlots));\n } else {\n childSlots.push(slot);\n }\n\n return childSlots;\n },\n bindEvents() {\n const flicking = this.vanillaFlicking;\n const events = (Object.keys(EVENTS) as Array<keyof typeof EVENTS>)\n .map(key => EVENTS[key]);\n\n events.forEach(eventName => {\n flicking.on(eventName, (e: any) => {\n e.currentTarget = this;\n // Make events from camelCase to kebab-case\n this.$emit(eventName.replace(/([A-Z])/g, \"-$1\").toLowerCase(), e);\n });\n });\n },\n checkPlugins() {\n const { list, added, removed, prevList } = this.pluginsDiffer.update(this.plugins);\n\n this.vanillaFlicking!.addPlugins(...added.map(index => list[index]));\n this.vanillaFlicking!.removePlugins(...removed.map(index => prevList[index]));\n },\n fillKeys() {\n const vnodes = this.getSlots();\n\n vnodes.forEach((node, idx) => {\n if (node.key == null) {\n node.key = `$_${idx}`;\n }\n });\n },\n getChildren() {\n const childRefs = this.$refs;\n\n return Object.keys(childRefs).map(refKey => childRefs[refKey]);\n }\n },\n watch: {\n options: {\n handler(newOptions) {\n const flicking = this.vanillaFlicking;\n if (!flicking) return;\n\n // Omit 'virtual', as it can't have any setter\n const { virtual, ...options } = newOptions; // eslint-disable-line @typescript-eslint/no-unused-vars\n\n for (const key in options) {\n if (key in flicking && flicking[key] !== options[key]) {\n flicking[key] = options[key];\n }\n }\n },\n deep: true,\n immediate: true\n }\n }\n}) as unknown as VueFlicking;\n\ninterface Flicking extends VueFlicking, VanillaFlicking {}\nexport default Flicking;\n","import { FlickingReactiveAPIOptions, flickingReactiveAPIAdapter } from \"@egjs/flicking\";\nimport { Ref } from \"vue\";\nimport { useReactive } from \"@cfcs/vue3\";\n\nimport Flicking from \"./Flicking\";\n\n\nexport const useFlickingReactiveAPI = (flickingRef: Ref<Flicking>, options?: FlickingReactiveAPIOptions) => {\n return useReactive(flickingReactiveAPIAdapter, () => ({\n flicking: flickingRef.value ?? undefined,\n options\n }));\n};\n"],"names":["viewportTag","type","String","default","required","cameraTag","cameraClass","hideBeforeInit","Boolean","firstPanelSize","options","Object","plugins","Array","status","__extends","_super","_this","_vueFlicking","vueFlicking","flicking","getFlickingAttached","_flicking","strategy","_strategy","updateRenderingPanels","renderPanels","Promise","resolve","renderEmitter","once","_afterRender","$forceUpdate","forceRenderAllPanels","_a","childRefs","$refs","vuePanels","keys","map","refKey","_panels","collectPanels","externalComponent","createPanel","ExternalRenderer","VuePanel","defineComponent","data","hide","render","$slots","el","_el","$el","nextSibling","nodeType","Node","ELEMENT_NODE","_cachedElement","Flicking","props","FlickingProps","components","Panel","created","vanillaFlicking","Component","diffResult","getPanels","componentInstance","getCurrentInstance","ctx","defaultSlots","getSlots","slots","getRenderingPanels","panelComponent","resolveComponent","panels","slot","idx","h","key","ref","toString","getVirtualPanels","virtual","panelClass","panelsPerView","initialized","renderingIndexes","renderer","getRenderingIndexesByOrder","range","firstPanel","size","horizontal","width","height","class","style","withFlickingMethods","mounted","viewportEl","rendererOptions","align","VirtualRenderingStrategy","NormalRenderingStrategy","providerCtor","VueElementProvider","VanillaFlicking","externalRenderer","VueRenderer","EVENTS","READY","slotDiffer","ListDiffer","vnode","pluginsDiffer","bindEvents","checkPlugins","setStatus","beforeUnmount","destroy","beforeMount","fillKeys","beforeUpdate","update","updated","trigger","children","getChildren","sync","added","length","removed","undefined","isHorizontal","viewportData","cameraData","transform","getDefaultCameraTransform","viewportSlots","viewport","methods","reduce","elementSlots","getElementVNodes","filter","Comment","Text","childSlots","Fragment","isArray","child","forEach","push","events","eventName","on","e","currentTarget","$emit","replace","toLowerCase","_c","list","prevList","addPlugins","index","_b","removePlugins","vnodes","node","watch","handler","newOptions","deep","immediate","useFlickingReactiveAPI","flickingRef","useReactive","flickingReactiveAPIAdapter","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,oBAAe;AACbA,EAAAA,WAAW,EAAE;AACXC,IAAAA,IAAI,EAAEC,MADK;AAEXC,IAAAA,OAAO,EAAE,KAFE;AAGXC,IAAAA,QAAQ,EAAE;AAHC,GADA;AAMbC,EAAAA,SAAS,EAAE;AACTJ,IAAAA,IAAI,EAAEC,MADG;AAETC,IAAAA,OAAO,EAAE,KAFA;AAGTC,IAAAA,QAAQ,EAAE;AAHD,GANE;AAWbE,EAAAA,WAAW,EAAE;AACXL,IAAAA,IAAI,EAAEC,MADK;AAEXC,IAAAA,OAAO,EAAE,EAFE;AAGXC,IAAAA,QAAQ,EAAE;AAHC,GAXA;AAgBbG,EAAAA,cAAc,EAAE;AACdN,IAAAA,IAAI,EAAEO,OADQ;AAEdL,IAAAA,OAAO,EAAE,KAFK;AAGdC,IAAAA,QAAQ,EAAE;AAHI,GAhBH;AAqBbK,EAAAA,cAAc,EAAE;AACdR,IAAAA,IAAI,EAAEC,MADQ;AAEdE,IAAAA,QAAQ,EAAE;AAFI,GArBH;AAyBbM,EAAAA,OAAO,EAAE;AACPT,IAAAA,IAAI,EAAEU,MADC;AAEPR,IAAAA,OAAO,EAAE;AAAM,aAAC,EAAD;AAAI,KAFZ;AAGPC,IAAAA,QAAQ,EAAE;AAHH,GAzBI;AA8BbQ,EAAAA,OAAO,EAAE;AACPX,IAAAA,IAAI,EAAEY,KADC;AAEPV,IAAAA,OAAO,EAAE;AAAM,aAAC,EAAD;AAAI,KAFZ;AAGPC,IAAAA,QAAQ,EAAE;AAHH,GA9BI;AAmCbU,EAAAA,MAAM,EAAE;AACNb,IAAAA,IAAI,EAAEU,MADA;AAENP,IAAAA,QAAQ,EAAE;AAFJ;AAnCK,CAAf;;ACWA;;;AAA0BW,EAAAA,8BAAA;;AAIxB,sBAAA,CAAmBL,OAAnB;AAAA,gBACEM,WAAA,KAAA,EAAMN,OAAN,SADF;;AAGEO,IAAAA,KAAI,CAACC,YAAL,GAAoBR,OAAO,CAACS,WAA5B;;AACD;;;;AAEY,gBAAA,GAAb;;;;;;;AACQC,QAAAA,QAAQ,GAAGC,mBAAmB,CAAC,KAAKC,SAAN,CAA9B;AACAH,QAAAA,WAAW,GAAG,KAAKD,YAAnB;AACAK,QAAAA,QAAQ,GAAG,KAAKC,SAAhB;AAEND,QAAAA,QAAQ,CAACE,qBAAT,CAA+BL,QAA/B;AACAG,QAAAA,QAAQ,CAACG,YAAT,CAAsBN,QAAtB;AAEA;;UAAO,IAAIO,OAAJ,CAAkB,UAACC,OAAD;AACvBT,UAAAA,WAAW,CAACU,aAAZ,CAA0BC,IAA1B,CAA+B,QAA/B,EAAyC;AACvCb,YAAAA,KAAI,CAACc,YAAL;;AACAH,YAAAA,OAAO;AACR,WAHD;AAIAT,UAAAA,WAAW,CAACa,YAAZ;AACD,SANM,EAAP;;;AAOD,GAfY;;AAiBA,8BAAA,GAAb;;;;;;AACQb,YAAAA,WAAW,GAAG,KAAKD,YAAnB;AAEN;;cAAMF,gBAAA,CAAMiB,oBAAN,KAAA,KAAA,EAAN;;;AAAAC,YAAAA,OAAA;;AAEA;;cAAO,IAAIP,OAAJ,CAAkB,UAACC,OAAD;AACvBT,cAAAA,WAAW,CAACU,aAAZ,CAA0BC,IAA1B,CAA+B,QAA/B,EAAyCF,OAAzC;AACAT,cAAAA,WAAW,CAACa,YAAZ;AACD,aAHM,EAAP;;;;AAID,GATY;;AAWH,wBAAA,GAAV;AACE,QAAMZ,QAAQ,GAAGC,mBAAmB,CAAC,KAAKC,SAAN,CAApC;AACA,QAAMH,WAAW,GAAG,KAAKD,YAAzB;AACA,QAAMiB,SAAS,GAAGhB,WAAW,CAACiB,KAA9B;AACA,QAAMC,SAAS,GAAU1B,MAAM,CAAC2B,IAAP,CAAYH,SAAZ,EAAuBI,GAAvB,CAA2B,UAAAC,MAAA;AAAU,aAAAL,SAAS,CAACK,MAAD,CAAT;AAAiB,KAAtD,CAAzB;AAEA,SAAKC,OAAL,GAAe,KAAKjB,SAAL,CAAekB,aAAf,CAA6BtB,QAA7B,EAAuCiB,SAAvC,CAAf;AACD,GAPS;;AASA,sBAAA,GAAV,UAAuBM,iBAAvB,EAAoDjC,OAApD;AACE,WAAO,KAAKc,SAAL,CAAeoB,WAAf,CAA2BD,iBAA3B,EAA8CjC,OAA9C,CAAP;AACD,GAFS;;AAGZ,oBAAA;AAlDA,EAA0BmC,iBAA1B;;AClBA;;;;AAOA,IAAMC,QAAQ,GAAGC,eAAe,CAAC;AAC/BC,EAAAA,IAAI;AACF,WAAO;AACLC,MAAAA,IAAI,EAAE;AADD,KAAP;AAGD,GAL8B;AAM/BC,EAAAA,MAAM;AACJ,QAAI,KAAKD,IAAL,IAAa,CAAC,KAAKE,MAAL,CAAYhD,OAA9B,EAAuC;AAEvC,WAAO,KAAKgD,MAAL,CAAYhD,OAAZ,EAAP;AACD;AAV8B,CAAD,CAAhC;;ACCA;;;AAeE,6BAAA,CAAmBiD,EAAnB;AACE,SAAKC,GAAL,GAAWD,EAAX;AACD;;;AAbDzC,EAAAA,qBAAA,oBAAA;SAAA;AAAwB,aAAO,CAAC,KAAK0C,GAAL,CAASJ,IAAjB;AAAwB;;;GAAhD;AACAtC,EAAAA,qBAAA,mBAAA;SAAA;AACE,UAAMyC,EAAE,GAAG,KAAKC,GAAL,CAASC,GAAT,CAAaC,WAAxB;;AAEA,UAAIH,EAAE,IAAIA,EAAE,CAACI,QAAH,KAAgBC,IAAI,CAACC,YAA/B,EAA6C;AAC3C,aAAKC,cAAL,GAAsBP,EAAtB;AACD;;AAED,aAAO,KAAKO,cAAZ;AACD;;;GARD;;AAcO,cAAA,GAAP;AACE,SAAKN,GAAL,CAASJ,IAAT,GAAgB,KAAhB;AACD,GAFM;;AAIA,cAAA,GAAP;AACE,SAAKI,GAAL,CAASJ,IAAT,GAAgB,IAAhB;AACD,GAFM;;AAGT,2BAAA;AAAC,GA1BD;;ICiBMW,QAAQ,GAAGb,eAAe,CAAC;AAC/Bc,EAAAA,KAAK,EAAEC,aADwB;AAE/BC,EAAAA,UAAU,EAAE;AACVC,IAAAA,KAAK,EAAElB;AADG,GAFmB;AAK/BE,EAAAA,IAAI;AACF,WAAO,EAAP;AAOD,GAb8B;AAc/BiB,EAAAA,OAAO;AAAP,oBAAA;;AACE,SAAKC,eAAL,GAAuB,IAAvB;AACA,SAAKrC,aAAL,GAAqB,IAAIsC,SAAJ,EAArB;AACA,SAAKC,UAAL,GAAkB,IAAlB;;AAEA,SAAKC,SAAL,GAAiB;AACf,UAAMC,iBAAiB,GAAGC,kBAAkB,EAA5C;AACA,UAAMpD,WAAW,GAAGmD,iBAAiB,SAAjB,IAAAA,iBAAiB,WAAjB,SAAA,GAAAA,iBAAiB,CAAEE,GAAvC;AACA,UAAMpD,QAAQ,GAAGH,KAAI,CAACiD,eAAtB;;AACA,UAAMO,YAAY,GAAGxD,KAAI,CAACyD,QAAL,EAArB;;AACA,UAAMN,UAAU,GAAGjD,WAAW,SAAX,IAAAA,WAAW,WAAX,SAAA,GAAAA,WAAW,CAAEiD,UAAhC;AAEA,UAAMO,KAAK,GAAGP,UAAU,GACpBQ,kBAAkB,CAACxD,QAAD,EAAWgD,UAAX,CADE,GAEpBK,YAFJ;AAIA,UAAMI,cAAc,GAAGC,gBAAgB,CAAC,OAAD,CAAvC;AACA,UAAMC,MAAM,GAAGJ,KAAK,CAACpC,GAAN,CAAU,UAACyC,IAAD,EAAOC,GAAP;AAAe,eAAAC,CAAC,CAACL,cAAD,EAAwB;AAC/DM,UAAAA,GAAG,EAAEH,IAAI,CAACG,GADqD;AAE/DC,UAAAA,GAAG,EAAEH,GAAG,CAACI,QAAJ;AAF0D,SAAxB,EAGtC;AAAM,iBAAAL,IAAA;AAAI,SAH4B,CAAD;AAG1B,OAHC,CAAf;AAKA,aAAOD,MAAP;AACD,KAlBD;;AAmBA,SAAKO,gBAAL,GAAwB;AACtB,UAAM5E,OAAO,GAAGO,KAAI,CAACP,OAArB;AAEE,UAAAwB,KACExB,OAAO,CAAC6E,OAAR,WADF;AAAA,UAAAC,UAAU,mBAAG,qBAAb;AAEF,UAAMC,aAAa,GAAG/E,OAAO,CAAC+E,aAA9B;AACA,UAAMrE,QAAQ,GAAGH,KAAI,CAACiD,eAAtB;AACA,UAAMwB,WAAW,GAAGtE,QAAQ,IAAIA,QAAQ,CAACsE,WAAzC;AAEA,UAAMC,gBAAgB,GAAGD,WAAW,GAChCtE,QAAQ,CAACwE,QAAT,CAAkBrE,QAAlB,CAA2BsE,0BAA3B,CAAsDzE,QAAtD,CADgC,GAEhC0E,KAAK,CAACL,aAAa,GAAG,CAAjB,CAFT;AAIA,UAAMM,UAAU,GAAGL,WAAW,IAAItE,QAAQ,CAAC2D,MAAT,CAAgB,CAAhB,CAAlC;AACA,UAAMiB,IAAI,GAAGD,UAAU,GACnB3E,QAAQ,CAAC6E,UAAT,GACE;AAAEC,QAAAA,KAAK,EAAEH,UAAU,CAACC;AAApB,OADF,GAEE;AAAEG,QAAAA,MAAM,EAAEJ,UAAU,CAACC;AAArB,OAHiB,GAInB,EAJJ;AAMA,aAAOL,gBAAgB,CAACpD,GAAjB,CAAqB,UAAA0C,GAAA;AAAO,eAAAC,CAAC,CAAC,KAAD,EAAQ;AAC1CC,UAAAA,GAAG,EAAEF,GADqC;AAE1CG,UAAAA,GAAG,EAAEH,GAAG,CAACI,QAAJ,EAFqC;AAG1Ce,UAAAA,KAAK,EAAEZ,UAHmC;AAI1Ca,UAAAA,KAAK,EAAEL,IAJmC;AAK1C,gCAAsBf;AALoB,SAAR,CAAD;AAMjC,OANK,CAAP;AAOD,KA3BD;;AA6BAqB,IAAAA,mBAAmB,CAAC,IAAD,EAAO,iBAAP,CAAnB;AACD,GApE8B;AAqE/BC,EAAAA,OAAO;AAAP,oBAAA;;;;AACE,QAAM7F,OAAO,GAAG,KAAKA,OAArB;AACA,QAAM8F,UAAU,GAAG,KAAKlD,GAAxB;AACA,QAAMmD,eAAe,GAAuB;AAC1CtF,MAAAA,WAAW,EAAE,IAD6B;AAE1CuF,MAAAA,KAAK,EAAEhG,OAAO,CAACgG,KAF2B;AAG1CnF,MAAAA,QAAQ,EAAEb,OAAO,CAAC6E,OAAR,IAAmB,CAAC,MAAA7E,OAAO,CAAC+E,aAAR,UAAA,iBAAA,KAAA,GAAyB,CAAC,CAA3B,IAAgC,CAAnD,GACN,IAAIkB,wBAAJ,EADM,GAEN,IAAIC,uBAAJ,CAA4B;AAC5BC,QAAAA,YAAY,EAAEC;AADc,OAA5B;AALsC,KAA5C;AAUA,QAAM1F,QAAQ,GAAG,IAAI2F,wBAAJ,CAAoBP,UAApB,wBACZ9F;AACHsG,MAAAA,gBAAgB,EAAE,IAAIC,WAAJ,CAAgBR,eAAhB;MAFH,CAAjB;AAIA,SAAKvC,eAAL,GAAuB9C,QAAvB;AAEAA,IAAAA,QAAQ,CAACU,IAAT,CAAcoF,MAAM,CAACC,KAArB,EAA4B;AAC1BlG,MAAAA,KAAI,CAACe,YAAL;AACD,KAFD;AAIA,QAAM2C,KAAK,GAAG,KAAKD,QAAL,EAAd;AACA,SAAK0C,UAAL,GAAkB,IAAIC,UAAJ,CAAsB1C,KAAtB,EAA6B,UAAA2C,KAAA;AAAS,aAAAA,KAAK,CAACnC,GAAN;AAA6B,KAAnE,CAAlB;AACA,SAAKoC,aAAL,GAAqB,IAAIF,UAAJ,EAArB;AAEA,SAAKG,UAAL;AACA,SAAKC,YAAL;;AAEA,QAAI,KAAK3G,MAAT,EAAiB;AACfM,MAAAA,QAAQ,CAACsG,SAAT,CAAmB,KAAK5G,MAAxB;AACD;AACF,GAtG8B;AAuG/B6G,EAAAA,aAAa;;;AACX,UAAA,KAAKzD,eAAL,UAAA,iBAAA,SAAA,MAAsB0D,SAAtB;AACD,GAzG8B;AA0G/BC,EAAAA,WAAW;AACT,SAAKC,QAAL;AACD,GA5G8B;AA6G/BC,EAAAA,YAAY;;;AACV,SAAKD,QAAL;AAEA,SAAK1D,UAAL,GAAkB,MAAA,KAAKgD,UAAL,UAAA,iBAAA,SAAA,MAAiBY,OAAO,KAAKtD,QAAL,GAA1C;AACD,GAjH8B;AAkH/BuD,EAAAA,OAAO;AACL,QAAM7G,QAAQ,GAAG,KAAK8C,eAAtB;AACA,QAAME,UAAU,GAAG,KAAKA,UAAxB;AAEA,SAAKqD,YAAL;AACA,SAAK5F,aAAL,CAAmBqG,OAAnB,CAA2B,QAA3B;AAEA,QAAI,CAAC9D,UAAD,IAAe,EAAChD,QAAQ,SAAR,IAAAA,QAAQ,WAAR,SAAA,GAAAA,QAAQ,CAAEsE,WAAX,CAAnB,EAA2C;AAE3C,QAAMyC,QAAQ,GAAG,KAAKC,WAAL,EAAjB;AAEAC,IAAAA,IAAI,CAACjH,QAAD,EAAWgD,UAAX,EAAuB+D,QAAvB,CAAJ;;AAEA,QAAI/D,UAAU,CAACkE,KAAX,CAAiBC,MAAjB,GAA0B,CAA1B,IAA+BnE,UAAU,CAACoE,OAAX,CAAmBD,MAAnB,GAA4B,CAA/D,EAAkE;AAChE,WAAKvG,YAAL;AACD;;AAED,SAAKoC,UAAL,GAAkBqE,SAAlB;AACD,GApI8B;AAqI/BvF,EAAAA,MAAM;;;;;AACJ,QAAM9B,QAAQ,GAAG,KAAK8C,eAAtB;AACA,QAAMxD,OAAO,GAAG,KAAKA,OAArB;AACA,QAAMgF,WAAW,GAAGtE,QAAQ,IAAIA,QAAQ,CAACsE,WAAzC;AACA,QAAMgD,YAAY,GAAGtH,QAAQ,GACzBA,QAAQ,CAAC6E,UADgB,GAEzB,MAAA,KAAKvF,OAAL,CAAauF,UAAb,UAAA,iBAAA,KAAA,GAA2B,IAF/B;AAIA,QAAM0C,YAAY,GAAG;AACnBvC,MAAAA,KAAK,EAAE;AACL,6BAAqB,IADhB;AAEL,oBAAY,CAACsC,YAFR;AAGL,2BAAmB,KAAKnI,cAAL,IAAuB,CAACmF;AAHtC;AADY,KAArB;AAOA,QAAMkD,UAAU,GAAG;AACjBxC,MAAAA,KAAK;AACH,2BAAmB;SACnBlE,GAAC,KAAK5B,YAAN,GAAoB,CAAC,CAAC,KAAKA,eAFxB,CADY;AAKjB+F,MAAAA,KAAK,EAAE,CAACX,WAAD,IAAgB,KAAKjF,cAArB,GACH;AAAEoI,QAAAA,SAAS,EAAEC,yBAAyB,CAAC,KAAKpI,OAAL,CAAagG,KAAd,EAAqB,KAAKhG,OAAL,CAAauF,UAAlC,EAA8C,KAAKxF,cAAnD;AAAtC,OADG,GAEH;AAPa,KAAnB;AAUA,QAAMsE,MAAM,GAAGrE,OAAO,CAAC6E,OAAR,IAAmB7E,OAAO,CAAC+E,aAA3B,IAA4C/E,OAAO,CAAC+E,aAAR,GAAwB,CAApE,GACX,KAAKH,gBADM,GAEX,KAAKjB,SAFT;AAIA,QAAM0E,aAAa,GAAG,KAAK5F,MAAL,CAAY6F,QAAZ,GAClB,KAAK7F,MAAL,CAAY6F,QAAZ,EADkB,GAElB,EAFJ;AAIA,WAAO9D,CAAC,CAAC,KAAKlF,WAAN,EAAmB2I,YAAnB,iBACLzD,CAAC,CAAC,KAAK7E,SAAN,EAAiBuI,UAAjB,EAA6B;AAAEzI,MAAAA,OAAO,EAAE4E;AAAX,KAA7B,IAAsDgE,oBADlD,CAAR;AAGD,GAzK8B;AA0K/BE,EAAAA,OAAO,EAAE;AACPvE,IAAAA,QAAQ;AAAR,sBAAA;;AACE,UAAMC,KAAK,GAAG,KAAKxB,MAAL,CAAYhD,OAAZ,GACV,KAAKgD,MAAL,CAAYhD,OAAZ,EADU,GAEV,EAFJ;AAIA,aAAOwE,KAAK,CACTuE,MADI,CACG,UAACC,YAAD,EAAenE,IAAf;AAAwB,+CAAImE,qBAAiBlI,KAAI,CAACmI,gBAAL,CAAsBpE,IAAtB,QAArB;AAAiD,OAD5E,EAC8E,EAD9E,EAEJqE,MAFI,CAEG,UAAArE,IAAA;AAAQ,eAAAA,IAAI,CAAC/E,IAAL,KAAcqJ,OAAd,IAAyBtE,IAAI,CAAC/E,IAAL,KAAcsJ,IAAvC;AAA2C,OAFtD,CAAP;AAGD,KATM;AAUPH,IAAAA,gBAAgB,YAACpE,MAAawE;AAA9B,sBAAA;;AAA8B,+BAAA,EAAA;AAAAA,QAAAA,eAAA;;;AAC5B,UAAIxE,IAAI,CAAC/E,IAAL,KAAcwJ,QAAd,IAA0B5I,KAAK,CAAC6I,OAAN,CAAc1E,IAAI,CAACmD,QAAnB,CAA9B,EAA4D;AAC1DnD,QAAAA,IAAI,CAACmD,QAAL,CACGkB,MADH,CACU,UAAAM,KAAA;AAAS,iBAAAA,KAAK,IAAI,OAAOA,KAAP,KAAiB,QAA1B;AAAkC,SADrD,EAEGC,OAFH,CAEW,UAAAD,KAAA;AAAS,iBAAA1I,KAAI,CAACmI,gBAAL,CAAsBO,KAAtB,EAAsCH,UAAtC,CAAA;AAAiD,SAFrE;AAGD,OAJD,MAIO;AACLA,QAAAA,UAAU,CAACK,IAAX,CAAgB7E,IAAhB;AACD;;AAED,aAAOwE,UAAP;AACD,KApBM;AAqBPhC,IAAAA,UAAU;AAAV,sBAAA;;AACE,UAAMpG,QAAQ,GAAG,KAAK8C,eAAtB;AACA,UAAM4F,MAAM,GAAInJ,MAAM,CAAC2B,IAAP,CAAY4E,MAAZ,EACb3E,GADa,CACT,UAAA4C,GAAA;AAAO,eAAA+B,MAAM,CAAC/B,GAAD,CAAN;AAAW,OADT,CAAhB;AAGA2E,MAAAA,MAAM,CAACF,OAAP,CAAe,UAAAG,SAAA;AACb3I,QAAAA,QAAQ,CAAC4I,EAAT,CAAYD,SAAZ,EAAuB,UAACE,CAAD;AACrBA,UAAAA,CAAC,CAACC,aAAF,GAAkBjJ,KAAlB;;AAEAA,UAAAA,KAAI,CAACkJ,KAAL,CAAWJ,SAAS,CAACK,OAAV,CAAkB,UAAlB,EAA8B,KAA9B,EAAqCC,WAArC,EAAX,EAA+DJ,CAA/D;AACD,SAJD;AAKD,OAND;AAOD,KAjCM;AAkCPxC,IAAAA,YAAY;;;AACJ,UAAA6C,KAAqC,KAAK/C,aAAL,CAAmBS,MAAnB,CAA0B,KAAKpH,OAA/B,CAArC;AAAA,UAAE2J,IAAI,UAAN;AAAA,UAAQjC,KAAK,WAAb;AAAA,UAAeE,OAAO,aAAtB;AAAA,UAAwBgC,QAAQ,cAAhC;;AAEN,OAAAtI,KAAA,KAAKgC,eAAL,EAAsBuG,UAAtB,MAAA,GAAA,EAAoCnC,KAAK,CAAC/F,GAAN,CAAU,UAAAmI,KAAA;AAAS,eAAAH,IAAI,CAACG,KAAD,CAAJ;AAAW,OAA9B,CAApC;;AACA,OAAAC,KAAA,KAAKzG,eAAL,EAAsB0G,aAAtB,MAAA,GAAA,EAAuCpC,OAAO,CAACjG,GAAR,CAAY,UAAAmI,KAAA;AAAS,eAAAF,QAAQ,CAACE,KAAD,CAAR;AAAe,OAApC,CAAvC;AACD,KAvCM;AAwCP5C,IAAAA,QAAQ;AACN,UAAM+C,MAAM,GAAG,KAAKnG,QAAL,EAAf;AAEAmG,MAAAA,MAAM,CAACjB,OAAP,CAAe,UAACkB,IAAD,EAAO7F,GAAP;AACb,YAAI6F,IAAI,CAAC3F,GAAL,IAAY,IAAhB,EAAsB;AACpB2F,UAAAA,IAAI,CAAC3F,GAAL,GAAW,WAAA,CAAKF,GAAL,CAAX;AACD;AACF,OAJD;AAKD,KAhDM;AAiDPmD,IAAAA,WAAW;AACT,UAAMjG,SAAS,GAAG,KAAKC,KAAvB;AAEA,aAAOzB,MAAM,CAAC2B,IAAP,CAAYH,SAAZ,EAAuBI,GAAvB,CAA2B,UAAAC,MAAA;AAAU,eAAAL,SAAS,CAACK,MAAD,CAAT;AAAiB,OAAtD,CAAP;AACD;AArDM,GA1KsB;AAiO/BuI,EAAAA,KAAK,EAAE;AACLrK,IAAAA,OAAO,EAAE;AACPsK,MAAAA,OAAO,YAACC;AACN,YAAM7J,QAAQ,GAAG,KAAK8C,eAAtB;AACA,YAAI,CAAC9C,QAAL,EAAe;;AAGP,QAAwB6J,UAAU,QAAlC;AAAA,gBAAYvK,OAAO,UAAKuK,YAA1B,UAAA;;;AAEN,aAAK,IAAM9F,GAAX,IAAkBzE,OAAlB,EAA2B;AACzB,cAAIyE,GAAG,IAAI/D,QAAP,IAAmBA,QAAQ,CAAC+D,GAAD,CAAR,KAAkBzE,OAAO,CAACyE,GAAD,CAAhD,EAAuD;AACrD/D,YAAAA,QAAQ,CAAC+D,GAAD,CAAR,GAAgBzE,OAAO,CAACyE,GAAD,CAAvB;AACD;AACF;AACF,OAbM;AAcP+F,MAAAA,IAAI,EAAE,IAdC;AAePC,MAAAA,SAAS,EAAE;AAfJ;AADJ;AAjOwB,CAAD;;IClBnBC,sBAAsB,GAAG,UAACC,WAAD,EAA6B3K,OAA7B;AACpC,SAAO4K,WAAW,CAACC,0BAAD,EAA6B;;;AAAM,WAAC;AACpDnK,MAAAA,QAAQ,EAAE,MAAAiK,WAAW,CAACG,KAAZ,UAAA,iBAAA,KAAA,GAAqB/C,SADqB;AAEpD/H,MAAAA,OAAO;AAF6C,KAAD;AAGnD,GAHgB,CAAlB;AAID;;;;"}
|
|
1
|
+
{"version":3,"file":"flicking.esm.js","sources":["../src/FlickingProps.ts","../src/VueElementProvider.ts","../src/VuePanel.ts","../src/VueRenderer.ts","../src/Flicking.ts","../../../node_modules/.pnpm/@cfcs+core@0.1.0/node_modules/@cfcs/core/dist/cfcs.esm.js","../../../node_modules/.pnpm/@cfcs+vue3@0.1.0/node_modules/@cfcs/vue3/dist/cfcs.esm.js","../src/reactive.ts"],"sourcesContent":["/*\n * Copyright (c) 2015 NAVER Corp.\n * egjs projects are licensed under the MIT license\n */\n\nimport { FlickingOptions, Plugin, Status } from \"@egjs/flicking\";\nimport { PropType } from \"vue\";\n\nexport default {\n viewportTag: {\n type: String,\n default: \"div\",\n required: false\n },\n cameraTag: {\n type: String,\n default: \"div\",\n required: false\n },\n cameraClass: {\n type: String,\n default: \"\",\n required: false\n },\n hideBeforeInit: {\n type: Boolean,\n default: false,\n required: false\n },\n firstPanelSize: {\n type: String,\n required: false\n },\n options: {\n type: Object as unknown as () => Partial<FlickingOptions>,\n default: () => ({}),\n required: false\n },\n plugins: {\n type: Array as PropType<Plugin[]>,\n default: () => [],\n required: false\n },\n status: {\n type: Object as PropType<Status>,\n required: false\n }\n};\n","/*\n * Copyright (c) 2015 NAVER Corp.\n * egjs projects are licensed under the MIT license\n */\nimport { ElementProvider } from \"@egjs/flicking\";\n\nimport VuePanel from \"./VuePanel\";\n\nclass VueElementProvider implements ElementProvider {\n private _el: VuePanel;\n private _cachedElement: HTMLElement;\n\n public get rendered() {\n return !this._el.hide;\n }\n public get element() {\n const el = this._el.$el.nextSibling as HTMLElement;\n\n if (el && el.nodeType === Node.ELEMENT_NODE) {\n this._cachedElement = el;\n }\n\n return this._cachedElement;\n }\n\n public constructor(el: VuePanel) {\n this._el = el;\n }\n\n public show() {\n this._el.hide = false;\n }\n\n public hide() {\n this._el.hide = true;\n }\n}\n\nexport default VueElementProvider;\n","/*\n * Copyright (c) 2015 NAVER Corp.\n * egjs projects are licensed under the MIT license\n */\n\nimport { defineComponent } from \"vue\";\n\nconst VuePanel = defineComponent({\n data() {\n return {\n hide: false\n };\n },\n render() {\n if (this.hide || !this.$slots.default) return;\n\n return this.$slots.default();\n }\n});\n\ntype VuePanelType = InstanceType<typeof VuePanel>;\n\ninterface VuePanel extends VuePanelType {}\nexport default VuePanel;\n","/*\n * Copyright (c) 2015 NAVER Corp.\n * egjs projects are licensed under the MIT license\n */\nimport { ExternalRenderer, getFlickingAttached, PanelOptions, RendererOptions } from \"@egjs/flicking\";\n\nimport VueFlicking from \"./Flicking\";\nimport VuePanel from \"./VuePanel\";\n\nexport interface VueRendererOptions extends RendererOptions {\n vueFlicking: VueFlicking;\n}\n\nclass VueRenderer extends ExternalRenderer {\n // Internal States\n private _vueFlicking: VueFlicking;\n\n public constructor(options: VueRendererOptions) {\n super(options);\n\n this._vueFlicking = options.vueFlicking;\n }\n\n public async render() {\n const flicking = getFlickingAttached(this._flicking);\n const vueFlicking = this._vueFlicking;\n const strategy = this._strategy;\n\n strategy.updateRenderingPanels(flicking);\n strategy.renderPanels(flicking);\n\n return new Promise<void>(resolve => {\n vueFlicking.renderEmitter.once(\"render\", () => {\n this._afterRender();\n resolve();\n });\n vueFlicking.$forceUpdate();\n });\n }\n\n public async forceRenderAllPanels() {\n const vueFlicking = this._vueFlicking;\n\n await super.forceRenderAllPanels();\n\n return new Promise<void>(resolve => {\n vueFlicking.renderEmitter.once(\"render\", resolve);\n vueFlicking.$forceUpdate();\n });\n }\n\n protected _collectPanels() {\n const flicking = getFlickingAttached(this._flicking);\n const vueFlicking = this._vueFlicking;\n const childRefs = vueFlicking.$refs;\n const vuePanels: any[] = Object.keys(childRefs).map(refKey => childRefs[refKey]);\n\n this._panels = this._strategy.collectPanels(flicking, vuePanels);\n }\n\n protected _createPanel(externalComponent: VuePanel, options: PanelOptions) {\n return this._strategy.createPanel(externalComponent, options);\n }\n}\n\nexport default VueRenderer;\n","/*\n * Copyright (c) 2015 NAVER Corp.\n * egjs projects are licensed under the MIT license\n */\n\nimport Component from \"@egjs/component\";\nimport VanillaFlicking, {\n EVENTS,\n getDefaultCameraTransform,\n getRenderingPanels,\n NormalRenderingStrategy,\n Plugin,\n range,\n sync,\n VirtualRenderingStrategy,\n withFlickingMethods\n} from \"@egjs/flicking\";\nimport ListDiffer, { DiffResult } from \"@egjs/list-differ\";\nimport { Comment, defineComponent, Fragment, getCurrentInstance, h, resolveComponent, Text, VNode } from \"vue\";\n\nimport FlickingProps from \"./FlickingProps\";\nimport { VueFlicking } from \"./types\";\nimport VueElementProvider from \"./VueElementProvider\";\nimport VuePanel from \"./VuePanel\";\nimport VueRenderer, { VueRendererOptions } from \"./VueRenderer\";\n\nconst Flicking = defineComponent({\n props: FlickingProps,\n components: {\n Panel: VuePanel\n },\n data() {\n return {} as {\n renderEmitter: Component<{ render: undefined }>;\n vanillaFlicking: VanillaFlicking;\n pluginsDiffer: ListDiffer<Plugin>;\n slotDiffer: ListDiffer<VNode>;\n diffResult: DiffResult<VNode> | null;\n };\n },\n created() {\n this.vanillaFlicking = null;\n this.renderEmitter = new Component();\n this.diffResult = null;\n\n this.getPanels = () => {\n const componentInstance = getCurrentInstance() as unknown as { ctx: Flicking } | null;\n const vueFlicking = componentInstance?.ctx;\n const flicking = this.vanillaFlicking;\n const defaultSlots = this.getSlots();\n const diffResult = vueFlicking?.diffResult;\n\n const slots = diffResult ? getRenderingPanels(flicking, diffResult) : defaultSlots;\n\n const panelComponent = resolveComponent(\"Panel\");\n const panels = slots.map((slot, idx) =>\n h(\n panelComponent as any,\n {\n key: slot.key!,\n ref: idx.toString()\n },\n () => slot\n )\n );\n\n return panels;\n };\n this.getVirtualPanels = () => {\n const options = this.options;\n const { panelClass = \"flicking-panel\" } = options.virtual!;\n const panelsPerView = options.panelsPerView as number;\n const flicking = this.vanillaFlicking;\n const initialized = flicking?.initialized;\n\n const renderingIndexes = initialized\n ? flicking.renderer.strategy.getRenderingIndexesByOrder(flicking)\n : range(panelsPerView + 1);\n\n const firstPanel = initialized && flicking.panels[0];\n const size = firstPanel ? (flicking.horizontal ? { width: firstPanel.size } : { height: firstPanel.size }) : {};\n\n return renderingIndexes.map(idx =>\n h(\"div\", {\n key: idx,\n ref: idx.toString(),\n class: panelClass,\n style: size,\n \"data-element-index\": idx\n })\n );\n };\n\n withFlickingMethods(this, \"vanillaFlicking\");\n },\n mounted() {\n const options = this.options;\n const viewportEl = this.$el as HTMLElement;\n const rendererOptions: VueRendererOptions = {\n vueFlicking: this,\n align: options.align,\n strategy:\n options.virtual && (options.panelsPerView ?? -1) > 0\n ? new VirtualRenderingStrategy()\n : new NormalRenderingStrategy({\n providerCtor: VueElementProvider\n })\n };\n\n const flicking = new VanillaFlicking(viewportEl, {\n ...options,\n externalRenderer: new VueRenderer(rendererOptions)\n });\n this.vanillaFlicking = flicking;\n\n flicking.once(EVENTS.READY, () => {\n this.$forceUpdate();\n });\n\n const slots = this.getSlots();\n this.slotDiffer = new ListDiffer<VNode>(slots, vnode => vnode.key! as string | number);\n this.pluginsDiffer = new ListDiffer<Plugin>();\n\n this.bindEvents();\n this.checkPlugins();\n\n if (this.status) {\n flicking.setStatus(this.status);\n }\n },\n beforeUnmount() {\n this.vanillaFlicking?.destroy();\n },\n beforeMount() {\n this.fillKeys();\n },\n beforeUpdate() {\n this.fillKeys();\n\n this.diffResult = this.slotDiffer?.update(this.getSlots());\n },\n updated() {\n const flicking = this.vanillaFlicking;\n const diffResult = this.diffResult;\n\n this.checkPlugins();\n this.renderEmitter.trigger(\"render\");\n\n if (!diffResult || !flicking?.initialized) return;\n\n const children = this.getChildren();\n\n sync(flicking, diffResult, children);\n\n if (diffResult.added.length > 0 || diffResult.removed.length > 0) {\n this.$forceUpdate();\n }\n\n this.diffResult = undefined;\n },\n render() {\n const flicking = this.vanillaFlicking;\n const options = this.options;\n const initialized = flicking?.initialized;\n const isHorizontal = flicking ? flicking.horizontal : (this.options.horizontal ?? true);\n\n const viewportData = {\n class: {\n \"flicking-viewport\": true,\n vertical: !isHorizontal,\n \"flicking-hidden\": this.hideBeforeInit && !initialized\n }\n };\n const cameraData = {\n class: {\n \"flicking-camera\": true,\n [this.cameraClass]: !!this.cameraClass\n },\n style:\n !initialized && this.firstPanelSize\n ? { transform: getDefaultCameraTransform(this.options.align, this.options.horizontal, this.firstPanelSize) }\n : {}\n };\n\n const panels =\n options.virtual && options.panelsPerView && options.panelsPerView > 0 ? this.getVirtualPanels : this.getPanels;\n\n const viewportSlots = this.$slots.viewport ? this.$slots.viewport() : [];\n\n return h(this.viewportTag, viewportData, [h(this.cameraTag, cameraData, { default: panels }), ...viewportSlots]);\n },\n methods: {\n getSlots() {\n const slots = this.$slots.default ? this.$slots.default() : [];\n\n return slots\n .reduce((elementSlots, slot) => [...elementSlots, ...this.getElementVNodes(slot)], [] as VNode[])\n .filter(slot => slot.type !== Comment && slot.type !== Text);\n },\n getElementVNodes(slot: VNode, childSlots: VNode[] = []): VNode[] {\n if (slot.type === Fragment && Array.isArray(slot.children)) {\n slot.children\n .filter(child => child && typeof child === \"object\")\n .forEach(child => this.getElementVNodes(child as VNode, childSlots));\n } else {\n childSlots.push(slot);\n }\n\n return childSlots;\n },\n bindEvents() {\n const flicking = this.vanillaFlicking;\n const events = (Object.keys(EVENTS) as Array<keyof typeof EVENTS>).map(key => EVENTS[key]);\n\n events.forEach(eventName => {\n flicking.on(eventName, (e: any) => {\n e.currentTarget = this;\n // Make events from camelCase to kebab-case\n this.$emit(eventName.replace(/([A-Z])/g, \"-$1\").toLowerCase(), e);\n });\n });\n },\n checkPlugins() {\n const { list, added, removed, prevList } = this.pluginsDiffer.update(this.plugins);\n\n this.vanillaFlicking!.addPlugins(...added.map(index => list[index]));\n this.vanillaFlicking!.removePlugins(...removed.map(index => prevList[index]));\n },\n fillKeys() {\n const vnodes = this.getSlots();\n\n vnodes.forEach((node, idx) => {\n if (node.key == null) {\n node.key = `$_${idx}`;\n }\n });\n },\n getChildren() {\n const childRefs = this.$refs;\n\n return Object.keys(childRefs).map(refKey => childRefs[refKey]);\n }\n },\n watch: {\n options: {\n handler(newOptions) {\n const flicking = this.vanillaFlicking;\n if (!flicking) return;\n\n // Omit 'virtual', as it can't have any setter\n const { virtual, ...options } = newOptions; // eslint-disable-line @typescript-eslint/no-unused-vars\n\n for (const key in options) {\n if (key in flicking && flicking[key] !== options[key]) {\n flicking[key] = options[key];\n }\n }\n },\n deep: true,\n immediate: true\n }\n }\n}) as unknown as VueFlicking;\n\ninterface Flicking extends VueFlicking, VanillaFlicking {}\nexport default Flicking;\n","/*\nCopyright (c) 2022-present NAVER Corp.\nname: @cfcs/core\nlicense: MIT\nauthor: NAVER Crop.\nrepository: https://github.com/naver/cfcs/tree/main/packages/core\nversion: 0.1.0\n*/\nimport Component from '@egjs/component';\n\n/**\n * cfcs\n * Copyright (c) 2022-present NAVER Corp.\n * MIT license\n */\n\n/**\n * @hidden\n */\nfunction keys(obj) {\n return Object.keys(obj);\n}\n/**\n * @hidden\n */\n\nfunction camelize(str) {\n return str.replace(/[\\s-_]([a-z])/g, function (all, letter) {\n return letter.toUpperCase();\n });\n}\n/**\n * @hidden\n */\n\nfunction isString(val) {\n return typeof val === \"string\";\n}\n/**\n * @hidden\n */\n\nfunction isObject(val) {\n return typeof val === \"object\";\n}\n/**\n * @hidden\n */\n\nfunction isFunction(val) {\n return typeof val === \"function\";\n}\n\n/**\n * cfcs\n * Copyright (c) 2022-present NAVER Corp.\n * MIT license\n */\n/**\n * @hidden\n */\n\nfunction findTarget(target) {\n var el;\n\n if (!target) {\n return null;\n }\n\n if (isString(target)) {\n el = document.querySelector(target);\n } else if (target instanceof Element) {\n el = target;\n } else if (\"value\" in target || \"current\" in target) {\n el = target.value || target.current;\n }\n\n return el;\n}\n/**\n * @description Sets the name of the class method to be exposed to the outside.\n * @category DOM\n * @return Property Decorator\n * @example\n * ```ts\n * import { withClassMethods } from \"@cfcs/core\";\n *\n * class YourFrameworkComponent {\n * @withClassMethod(METHOD_NAMES)\n * inst = new YourComponent();\n * }\n * ```\n */\n\nfunction withClassMethods(methods) {\n return function (prototype, memberName) {\n methods.forEach(function (name) {\n if (name in prototype) {\n return;\n }\n\n prototype[name] = function () {\n var _a;\n\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n var result = (_a = this[memberName])[name].apply(_a, args); // fix `this` type to return your own `class` instance to the instance using the decorator.\n\n\n if (result === this[memberName]) {\n return this;\n } else {\n return result;\n }\n };\n });\n };\n}\n\n/**\n * cfcs\n * Copyright (c) 2022-present NAVER Corp.\n * MIT license\n */\nvar OBSERVERS_PATH = \"__observers__\";\nvar COMPUTED_PATH = \"__computed__\";\nvar CFCS_DETECTED_DEPENDENCIES_VERSION = 1;\nvar CFCS_DETECTED_DEPENDENCIES = \"__CFCS_DETECTED_DEPENDENCIES__\";\n\n/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\n\n/* global Reflect, Promise */\nvar extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf || {\n __proto__: []\n } instanceof Array && function (d, b) {\n d.__proto__ = b;\n } || function (d, b) {\n for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n };\n\n return extendStatics(d, b);\n};\n\nfunction __extends(d, b) {\n if (typeof b !== \"function\" && b !== null) throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\n extendStatics(d, b);\n\n function __() {\n this.constructor = d;\n }\n\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n}\nfunction __spreadArray(to, from, pack) {\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\n if (ar || !(i in from)) {\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\n ar[i] = from[i];\n }\n }\n return to.concat(ar || Array.prototype.slice.call(from));\n}\n\n/**\n * cfcs\n * Copyright (c) 2022-present NAVER Corp.\n * MIT license\n */\nfunction getDetectedStack() {\n // Version issues do not occur when you access the native object in the global.\n Object[CFCS_DETECTED_DEPENDENCIES] = Object[CFCS_DETECTED_DEPENDENCIES] || {};\n var versionList = Object[CFCS_DETECTED_DEPENDENCIES];\n versionList[CFCS_DETECTED_DEPENDENCIES_VERSION] = versionList[CFCS_DETECTED_DEPENDENCIES_VERSION] || [];\n return versionList[CFCS_DETECTED_DEPENDENCIES_VERSION];\n}\nfunction getCurrentDetected() {\n var stack = getDetectedStack();\n return stack[stack.length - 1];\n}\nfunction detectDependencies(host) {\n var stack = getDetectedStack();\n var observers = [];\n var detected = {\n host: host,\n observers: observers,\n push: function (observer) {\n if (host !== observer && observers.indexOf(observer) === -1) {\n observers.push(observer);\n }\n }\n };\n stack.push(detected);\n return detected;\n}\nfunction endDetectDependencies() {\n var stack = getDetectedStack();\n return stack.pop();\n}\n\n/**\n * cfcs\n * Copyright (c) 2022-present NAVER Corp.\n * MIT license\n */\n/**\n * Creates a mutable ref object. You can access the `.current` value and detect the value change through `.subscribe`.\n * @category Reactive\n * @see observe\n */\n\nvar Observer =\n/*#__PURE__*/\nfunction () {\n /**\n *\n */\n function Observer(value) {\n this._emitter = new Component();\n this._current = value;\n }\n\n var __proto = Observer.prototype;\n Object.defineProperty(__proto, \"current\", {\n /**\n * return the current value.\n */\n get: function () {\n var currentDetected = getCurrentDetected();\n currentDetected === null || currentDetected === void 0 ? void 0 : currentDetected.push(this);\n return this._current;\n },\n set: function (value) {\n this._setCurrent(value);\n },\n enumerable: false,\n configurable: true\n });\n /**\n * When the current value changes, the callback function is called.\n */\n\n __proto.subscribe = function (callback) {\n this.current;\n\n this._emitter.on(\"update\", callback);\n\n return this;\n };\n /**\n * Cancel the registered subscription through callback.\n */\n\n\n __proto.unsubscribe = function (callback) {\n this._emitter.off(\"update\", callback);\n\n return this;\n };\n\n __proto._setCurrent = function (value) {\n var prevValue = this._current;\n var isUpdate = value !== prevValue;\n this._current = value;\n\n if (isUpdate) {\n this._emitter.trigger(\"update\", value, prevValue);\n }\n };\n /**\n * @hidden\n */\n\n\n __proto.toString = function () {\n return \"\".concat(this.current);\n };\n /**\n * @hidden\n */\n\n\n __proto.valueOf = function () {\n return this.current;\n };\n\n return Observer;\n}();\n\n/**\n * @category Reactive\n * @hidden\n */\n\nvar ComputedObserver =\n/*#__PURE__*/\nfunction (_super) {\n __extends(ComputedObserver, _super);\n /**\n * @description Creates a new computed observer from the values of other observers.\n * It is read-only and if you change the value of the observer used inside the callback, its value will be automatically updated.\n * @param _computedCallback A function for observers to be computed.\n */\n\n\n function ComputedObserver(_computedCallback) {\n var _this = _super.call(this) || this;\n\n _this._computedCallback = _computedCallback;\n _this._registered = [];\n\n _this._onCheckUpdate = function () {\n _this._setCurrent(_this.current);\n };\n\n _this._current = _this.current;\n return _this;\n }\n\n var __proto = ComputedObserver.prototype;\n Object.defineProperty(__proto, \"current\", {\n get: function () {\n var _this = this;\n\n detectDependencies(this);\n\n var value = this._computedCallback();\n\n var results = endDetectDependencies();\n\n this._registered.forEach(function (observer) {\n observer.unsubscribe(_this._onCheckUpdate);\n });\n\n results.observers.forEach(function (observer) {\n observer.subscribe(_this._onCheckUpdate);\n });\n this._registered = results.observers;\n return value;\n },\n enumerable: false,\n configurable: true\n });\n return ComputedObserver;\n}(Observer);\n\n/**\n * cfcs\n * Copyright (c) 2022-present NAVER Corp.\n * MIT license\n */\n\nfunction injectObserve(prototype, memberName, publicName) {\n if (publicName === void 0) {\n publicName = memberName;\n }\n\n var nextAttributes = {\n configurable: true,\n get: function () {\n return getObserver(this, publicName).current;\n },\n set: function (value) {\n getObserver(this, publicName, value).current = value;\n }\n };\n Object.defineProperty(prototype, memberName, nextAttributes);\n\n if (publicName !== memberName) {\n Object.defineProperty(prototype, publicName, {\n configurable: true,\n get: function () {\n return getObserver(this, publicName).current;\n }\n });\n }\n}\n/**\n * @description `Observe` is a property decorator and converts the property into a `reactive state`. You can detect its status through `.subscribe`.\n * @category Reactive-Decorator\n * @see ReactiveSubscribe\n * @example\n* ```ts\nimport { ReactiveSubscribe, Observe } from \"@cfcs/core\";\n\n@ReactiveSubscribe\nclass Component {\n // The public name and state name are the same.\n @Observe value1 = 1;\n // If you want to set public name and private properties separately\n @Observe(\"value2\") _value2 = 1;\n\n constructor() {\n requestAnimationFrame(() => {\n this.value1 = 2;\n });\n }\n}\ninterface C\n```\n */\n\n\nfunction Observe() {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n if (args.length > 1) {\n return injectObserve(args[0], args[1]);\n }\n\n return function (prototype, memberName) {\n return injectObserve(prototype, memberName, args[0]);\n };\n}\n/**\n * @hidden\n */\n\nfunction Reactive() {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n return Observe.apply(void 0, args);\n}\n\n/**\n * cfcs\n * Copyright (c) 2022-present NAVER Corp.\n * MIT license\n */\n/**\n * @hidden\n */\n\nfunction injectReactiveSubscribe(object) {\n object[\"subscribe\"] = function (name, callback) {\n this[name];\n getObserver(this, name).subscribe(callback);\n };\n\n object[\"unsubscribe\"] = function (name, callback) {\n var _this = this;\n\n if (!name) {\n keys(getObservers(this)).forEach(function (observerName) {\n _this.unsubscribe(observerName);\n });\n return;\n }\n\n if (!(name in this)) {\n return;\n }\n\n getObserver(this, name).unsubscribe(callback);\n };\n}\n/**\n * @description `ReactiveSubscribe` is a class decorator and adds `.subscribe` and `.unsubscribe` methods.\n * @category Reactive-Decorator\n * @see Observe\n * @example\n * ```ts\nimport { ReactiveSubscribe, Observe } from \"@cfcs/core\";\n\n@ReactiveSubscribe\nclass Component {\n @Observe value1 = 1;\n\n constructor() {\n requestAnimationFrame(() => {\n this.value1 = 2;\n });\n }\n}\n\ninterface Component extends ReactiveSubscribe<{\n value1: number;\n value2: number;\n}> {}\n\nconst component = new Component();\n\n// 1\nconsole.log(component.value1);\n\ncomponent.subscribe(\"value1\", nextValue => {\n // When the change event occurs => (2, 2)\n console.log(nextValue, component.value2);\n});\n```\n */\n\nfunction ReactiveSubscribe(Constructor) {\n var prototype = Constructor.prototype;\n injectReactiveSubscribe(prototype);\n}\n\n/**\n * cfcs\n * Copyright (c) 2022-present NAVER Corp.\n * MIT license\n */\n\nfunction makeReactiveObject(setup, all) {\n var result = isFunction(setup) ? setup() : setup;\n var reactiveObject = {};\n defineObservers(reactiveObject);\n keys(result).forEach(function (name) {\n var value = result[name];\n\n if (isObserver(value)) {\n setObserver(reactiveObject, name, value);\n } else {\n setObserver(reactiveObject, name, observe(value));\n }\n\n Observe(name)(reactiveObject, name);\n });\n injectReactiveSubscribe(reactiveObject);\n return reactiveObject;\n}\n/**\n * @description Make the return value of the corresponding object or function a reactive object.\n * @category Reactive\n * @param setup - The target object or function to which reactive is applied\n * @returns Makes all values into reactive objects.\n * @example\n * ```ts\n * import { reactive } from \"@cfcs/core\";\n *\n * const obj = reactive({\n * value1: 1,\n * value2: 2,\n * });\n *\n * obj.subscribe(\"value1\", value1 => {\n * console.log(value1);\n * });\n * obj.value1 = 2;\n * ```\n */\n\n\nfunction reactive(setup) {\n return makeReactiveObject(setup);\n}\n/**\n * @description Make the return value of the corresponding object or function a reactive object.\n * @category Reactive\n * @param setup - The target object or function to which reactive is applied\n * @returns Only the values to which observer is applied are objects to which reactive is applied.\n * @example\n * ```ts\n * import { partialReactive, observe } from \"@cfcs/core\";\n *\n * const value1 = observe(1);\n * const value2 = observe(2);\n * const obj = partialReactive({\n * value1,\n * value2,\n * });\n *\n * obj.subscribe(\"value1\", value1 => {\n * console.log(value1);\n * });\n * value1.current = 2;\n * ```\n */\n\nfunction partialReactive(setup) {\n return makeReactiveObject(setup);\n}\n/**\n * @description Creates a mutable ref object. You can access the `.current` value and detect the value change through `.subscribe`.\n * @category Reactive\n * @example\n * ```ts\n * import { observe } from \"@cfcs/core\";\n *\n * const ob1 = observe(1);\n *\n * ob1.subscribe(nextValue => {\n * console.log(nextValue);\n * });\n *\n * ob1.current = 2;\n * ```\n */\n\nfunction observe(defaultValue) {\n return new Observer(defaultValue);\n}\n/**\n * @hidden\n */\n\nfunction computed(computedCallback) {\n return new ComputedObserver(computedCallback);\n}\n\n/**\n * cfcs\n * Copyright (c) 2022-present NAVER Corp.\n * MIT license\n */\n/**\n * @hidden\n */\n\nfunction withReactiveMethods(ref, methods) {\n var obj = {};\n\n if (!methods) {\n return obj;\n }\n\n methods.forEach(function (name) {\n obj[name] = function () {\n var args = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n args[_i] = arguments[_i];\n }\n\n var current = ref.current || ref.value;\n return current[name].apply(current, args);\n };\n });\n return obj;\n}\n/**\n * @hidden\n */\n\nfunction defineObservers(instance) {\n var observers = {};\n Object.defineProperty(instance, OBSERVERS_PATH, {\n get: function () {\n return observers;\n }\n });\n return observers;\n}\n/**\n * @hidden\n */\n\nfunction getObservers(instance, isComputed) {\n var _a, _b;\n\n if (!instance[OBSERVERS_PATH]) {\n defineObservers(instance);\n }\n\n var observers = instance[OBSERVERS_PATH];\n\n if (!isComputed) {\n var computedList = (_b = (_a = instance === null || instance === void 0 ? void 0 : instance.constructor) === null || _a === void 0 ? void 0 : _a.prototype) === null || _b === void 0 ? void 0 : _b[COMPUTED_PATH];\n\n if (computedList) {\n computedList.forEach(function (name) {\n if (!(name in observers) && name in instance) {\n instance[name];\n }\n });\n }\n }\n\n return observers;\n}\n/**\n * @hidden\n */\n\nfunction getObserver(instance, name, defaultValue) {\n var observers = getObservers(instance);\n\n if (!observers[name]) {\n observers[name] = observe(defaultValue);\n }\n\n return observers[name];\n}\n/**\n * @hidden\n */\n\nfunction setObserver(instance, name, observer) {\n var observers = getObservers(instance);\n observers[name] = observer;\n}\n/**\n * @description Whether that object is an observer instance\n * @category Reactive\n */\n\nfunction isObserver(val) {\n return val && isObject(val) && \"current\" in val && \"subscribe\" in val && \"unsubscribe\" in val;\n}\n/**\n * @description Whether the object is reactive\n * @category Reactive\n */\n\nfunction isReactive(val) {\n return val && !isObserver(val) && \"subscribe\" in val && \"unsubscribe\" in val;\n}\n\n/**\n * @category Reactive\n * @hidden\n */\n\nfunction adaptReactive(adapter, props) {\n var objectAdapter = isFunction(adapter) ? {\n setup: adapter\n } : adapter;\n\n function getProps() {\n var _a, _b, _c, _d, _e;\n\n return (_e = (_c = (_a = props === null || props === void 0 ? void 0 : props()) !== null && _a !== void 0 ? _a : (_b = objectAdapter.props) === null || _b === void 0 ? void 0 : _b.call(objectAdapter)) !== null && _c !== void 0 ? _c : (_d = objectAdapter.data) === null || _d === void 0 ? void 0 : _d.call(objectAdapter)) !== null && _e !== void 0 ? _e : {};\n }\n\n var eventEmitter = new Component();\n var mountedHooks = [];\n var initHooks = [];\n var destroyHooks = [];\n var onHooks = [];\n var instanceRef = {\n current: null\n };\n var offHooksList = [];\n var initialState = null;\n var eventNames = [];\n var methodNames = [];\n\n var onMounted = function (callback) {\n mountedHooks.push(callback);\n };\n\n var onInit = function (callback) {\n initHooks.push(callback);\n };\n\n var onDestroy = function (callback) {\n destroyHooks.push(callback);\n };\n\n var on = function (callback) {\n onHooks.push(callback);\n };\n\n var emit = function (eventName) {\n var params = [];\n\n for (var _i = 1; _i < arguments.length; _i++) {\n params[_i - 1] = arguments[_i];\n }\n\n eventEmitter.trigger.apply(eventEmitter, __spreadArray([eventName], params, false));\n };\n\n var setInitialState = function (state) {\n initialState = state;\n };\n\n var setEvents = function (events) {\n eventNames = events;\n };\n\n var setMethods = function (methods) {\n methodNames = methods;\n };\n\n if (objectAdapter.setup) {\n instanceRef.current = objectAdapter.setup({\n getProps: getProps,\n setInitialState: setInitialState,\n setEvents: setEvents,\n setMethods: setMethods,\n onMounted: onMounted,\n onDestroy: onDestroy,\n onInit: onInit,\n emit: emit,\n on: on\n }) || null;\n }\n\n if (objectAdapter.created) {\n instanceRef.current = objectAdapter.created(getProps()) || null;\n }\n\n if (objectAdapter.events) {\n setEvents(objectAdapter.events);\n }\n\n if (objectAdapter.state) {\n setInitialState(objectAdapter.state);\n }\n\n if (objectAdapter.methods) {\n setMethods(objectAdapter.methods);\n }\n\n if (objectAdapter.mounted) {\n onMounted(objectAdapter.mounted);\n }\n\n if (objectAdapter.destroy) {\n destroyHooks.push(objectAdapter.destroy);\n }\n\n if (objectAdapter.init) {\n initHooks.push(objectAdapter.init);\n }\n\n if (objectAdapter.on) {\n onHooks.push(function (instance, eventName, listener) {\n var off = objectAdapter.on(instance, eventName, listener);\n return function () {\n var _a;\n\n off && off();\n (_a = objectAdapter.off) === null || _a === void 0 ? void 0 : _a.call(objectAdapter, instance, eventName, listener);\n };\n });\n }\n\n return {\n events: function () {\n return eventNames;\n },\n state: function () {\n var inst = instanceRef.current;\n\n if (initialState) {\n return initialState;\n }\n\n if (inst) {\n var observers_1 = getObservers(inst);\n setInitialState(keys(observers_1).reduce(function (prev, cur) {\n prev[cur] = observers_1[cur].current;\n return prev;\n }, {}));\n }\n\n return initialState || {};\n },\n instance: function () {\n return instanceRef.current;\n },\n mounted: function () {\n var props = getProps();\n mountedHooks.forEach(function (hook) {\n instanceRef.current = hook(props, instanceRef.current) || instanceRef.current;\n });\n },\n init: function () {\n // on events\n var instance = instanceRef.current;\n var props = getProps();\n offHooksList = eventNames.map(function (eventName) {\n var listener = function () {\n var _a;\n\n var params = [];\n\n for (var _i = 0; _i < arguments.length; _i++) {\n params[_i] = arguments[_i];\n }\n\n (_a = eventEmitter).trigger.apply(_a, __spreadArray([eventName], params, false));\n };\n\n var instance = instanceRef.current;\n return onHooks.map(function (hook) {\n return hook(instance, eventName, listener);\n }).filter(Boolean);\n }); // init\n\n initHooks.forEach(function (hook) {\n hook(instance, props);\n });\n },\n destroy: function () {\n // off events\n offHooksList.forEach(function (offHooks) {\n offHooks.forEach(function (hook) {\n hook();\n });\n }); // destroy\n\n eventEmitter.off();\n var instance = instanceRef.current;\n var props = getProps();\n destroyHooks.forEach(function (hook) {\n hook(instance, props);\n });\n },\n methods: function () {\n return withReactiveMethods(instanceRef, methodNames);\n },\n on: function (eventName, listener) {\n eventEmitter.on(eventName, listener);\n },\n off: function (eventName, listener) {\n eventEmitter.off(eventName, listener);\n }\n };\n}\n\n/**\n * cfcs\n * Copyright (c) 2022-present NAVER Corp.\n * MIT license\n */\n/**\n * @description `Computed` is a property decorator.\n * Changes in computed state values are also recognized according to changes in observers used within the getter function.\n * You can detect its status through `.subscribe`.\n * @hidden\n * @category Reactive-Decorator\n * @see ReactiveSubscribe\n * @example\n * ```ts\nconst ob1 = observe(0);\nconst ob2 = observe(1);\n\n// When\n@ReactiveSubscribe\nclass TestComputed {\n @Computed\n get ob3() {\n return ob1.current + ob2.current;\n }\n}\nconst inst = new TestComputed();\n\ninst.subscribe(\"ob3\", ob3 => {\n console.log(ob3);\n});\n\nob1.current = 1;\n```\n */\n\nfunction Computed(prototype, memberName, attributes) {\n var get = attributes.get;\n\n function getComputed() {\n var observers = getObservers(this, true);\n\n if (!(memberName in observers)) {\n observers[memberName] = computed(get.bind(this));\n }\n\n return getObserver(this, memberName).current;\n }\n\n var nextAttributes = {\n configurable: true,\n get: getComputed\n };\n prototype[COMPUTED_PATH] || (prototype[COMPUTED_PATH] = []);\n var computedList = prototype[COMPUTED_PATH];\n\n if (computedList.indexOf(memberName) === -1) {\n computedList.push(memberName);\n }\n\n Object.defineProperty(prototype, memberName, nextAttributes);\n return nextAttributes;\n}\n\nexport { Computed, ComputedObserver, Observe, Observer, Reactive, ReactiveSubscribe, adaptReactive, camelize, computed, defineObservers, findTarget, getObserver, getObservers, injectReactiveSubscribe, isFunction, isObject, isObserver, isReactive, isString, keys, observe, partialReactive, reactive, setObserver, withClassMethods, withReactiveMethods };\n//# sourceMappingURL=cfcs.esm.js.map\n","/*\nCopyright (c) NAVER Corp.\nname: @cfcs/vue3\nlicense: MIT\nauthor: NAVER Corp.\nrepository: https://github.com/naver/cfcs/tree/main/packages/vue3\nversion: 0.1.0\n*/\nimport { adaptReactive, camelize } from '@cfcs/core';\nimport { ref, onMounted, onUnmounted, reactive } from 'vue';\n\n/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\nvar __assign = function () {\n __assign = Object.assign || function __assign(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n }\n\n return t;\n };\n\n return __assign.apply(this, arguments);\n};\n\n/**\n * @description In Vue 3, you can create reactive components through adapters.\n * @category Reactive\n * @example\n * ```ts\n * import { useReactive } from \"@cfcs/vue3\";\n *\n * export function useReactiveComponent() {\n * return useReactive(REACTIVE_ADAPTER);\n * }\n * ```\n */\n\nfunction useReactive(reactiveAdapter, props) {\n var adaptResult = adaptReactive(reactiveAdapter, props);\n var reactiveState = adaptResult.state();\n var names = Object.keys(reactiveState);\n var refs = {};\n\n for (var name in reactiveState) {\n refs[name] = ref(reactiveState[name]);\n }\n\n var methods = adaptResult.methods();\n onMounted(function () {\n adaptResult.mounted();\n var inst = adaptResult.instance();\n names.forEach(function (name) {\n inst.subscribe(name, function (value) {\n refs[name].value = value;\n });\n });\n adaptResult.init();\n });\n onUnmounted(function () {\n adaptResult.destroy();\n });\n var reactiveEvents = adaptResult.events();\n var events = reactiveEvents.reduce(function (eventResult, name) {\n eventResult[camelize(\"on \".concat(name))] = function (callback) {\n adaptResult.on(name, callback);\n onUnmounted(function () {\n adaptResult.off(name, callback);\n });\n };\n\n return eventResult;\n }, {});\n return __assign(__assign(__assign({}, refs), methods), events);\n}\n/**\n * @category Reactive\n * @hidden\n */\n\nfunction useLegacyReactive(reactiveAdapter, props) {\n var adaptResult = adaptReactive(reactiveAdapter, props);\n var reactiveState = adaptResult.state();\n var names = Object.keys(reactiveState);\n var result;\n var methods = adaptResult.methods();\n onMounted(function () {\n adaptResult.mounted();\n var inst = adaptResult.instance();\n names.forEach(function (name) {\n inst.subscribe(name, function (value) {\n result[name] = value;\n });\n });\n adaptResult.init();\n });\n onUnmounted(function () {\n adaptResult.destroy();\n });\n var reactiveEvents = adaptResult.events();\n var events = reactiveEvents.reduce(function (eventResult, name) {\n eventResult[camelize(\"on \".concat(name))] = function (callback) {\n adaptResult.on(name, callback);\n onUnmounted(function () {\n adaptResult.off(name, callback);\n });\n };\n\n return eventResult;\n }, {});\n result = reactive(__assign(__assign(__assign({}, reactiveState), methods), events));\n return result;\n}\n\nexport { useLegacyReactive, useReactive };\n//# sourceMappingURL=cfcs.esm.js.map\n","import { useReactive } from \"@cfcs/vue3\";\nimport { FlickingReactiveAPIOptions, flickingReactiveAPIAdapter } from \"@egjs/flicking\";\nimport { Ref } from \"vue\";\n\nimport Flicking from \"./Flicking\";\n\nexport const useFlickingReactiveAPI = (flickingRef: Ref<Flicking>, options?: FlickingReactiveAPIOptions) => {\n return useReactive(flickingReactiveAPIAdapter, () => ({\n flicking: flickingRef.value ?? undefined,\n options\n }));\n};\n"],"names":["VanillaFlicking","ref","onMounted","props","instance","__assign","name"],"mappings":"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","x_google_ignoreList":[5,6]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@egjs/vue3-flicking",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.17.0-beta.2",
|
|
4
4
|
"description": "Everyday 30 million people experience. It's reliable, flexible and extendable carousel.",
|
|
5
5
|
"main": "dist/flicking.cjs.js",
|
|
6
6
|
"module": "dist/flicking.esm.js",
|
|
@@ -9,12 +9,6 @@
|
|
|
9
9
|
"**/*.css",
|
|
10
10
|
"**/*.sass"
|
|
11
11
|
],
|
|
12
|
-
"scripts": {
|
|
13
|
-
"start": "vue-cli-service serve ./demo/main.ts",
|
|
14
|
-
"build": "rm -rf dist && rollup -c && npm run declaration",
|
|
15
|
-
"postbuild": "cpx 'node_modules/@egjs/flicking/dist/*.{css,css.map}' dist/",
|
|
16
|
-
"declaration": "rm -rf declaration && tsc -p tsconfig.declaration.json"
|
|
17
|
-
},
|
|
18
12
|
"repository": {
|
|
19
13
|
"type": "git",
|
|
20
14
|
"url": "https://github.com/naver/egjs-flicking/tree/master/packages/vue3-flicking"
|
|
@@ -27,31 +21,31 @@
|
|
|
27
21
|
"url": "https://github.com/naver/egjs-flicking/issues"
|
|
28
22
|
},
|
|
29
23
|
"license": "MIT",
|
|
30
|
-
"browserslist": [
|
|
31
|
-
"last 2 version",
|
|
32
|
-
"ie 9-11",
|
|
33
|
-
"not op_mini all"
|
|
34
|
-
],
|
|
35
24
|
"dependencies": {
|
|
36
25
|
"@cfcs/vue3": "^0.1.0",
|
|
37
26
|
"@egjs/component": "^3.0.2",
|
|
38
|
-
"@egjs/
|
|
39
|
-
"vue-router": "^4.5.1"
|
|
27
|
+
"@egjs/list-differ": "^1.0.1",
|
|
28
|
+
"vue-router": "^4.5.1",
|
|
29
|
+
"@egjs/flicking": "~4.16.0-beta.2"
|
|
40
30
|
},
|
|
41
31
|
"peerDependencies": {
|
|
42
32
|
"vue": "^3.0.0"
|
|
43
33
|
},
|
|
44
34
|
"devDependencies": {
|
|
45
|
-
"@
|
|
46
|
-
"@egjs/flicking-plugins": "^4.2.2",
|
|
47
|
-
"@rollup/plugin-commonjs": "^19.0.2",
|
|
48
|
-
"@vue/cli-plugin-typescript": "~4.5.0",
|
|
49
|
-
"@vue/cli-service": "~4.5.0",
|
|
35
|
+
"@vitejs/plugin-vue": "^6.0.4",
|
|
50
36
|
"@vue/compiler-sfc": "^3.2.6",
|
|
51
37
|
"cpx": "^1.5.0",
|
|
52
|
-
"rollup-plugin-vue": "^6.0.0",
|
|
53
38
|
"tslib": "^2.3.1",
|
|
54
39
|
"typescript": "4.8.4",
|
|
55
|
-
"
|
|
40
|
+
"vite": "^7.2.6",
|
|
41
|
+
"vue": "^3.2.22",
|
|
42
|
+
"@egjs/flicking-plugins": "~4.7.1"
|
|
43
|
+
},
|
|
44
|
+
"scripts": {
|
|
45
|
+
"dev": "vite --config vite.dev.config.ts",
|
|
46
|
+
"dev:preview": "vite --config vite.dev.config.ts --mode production",
|
|
47
|
+
"build": "rm -rf dist && concurrently \"VITE_BUILD_FORMAT=esm vite build\" \"VITE_BUILD_FORMAT=cjs vite build\" && pnpm declaration",
|
|
48
|
+
"postbuild": "cpx 'node_modules/@egjs/flicking/dist/*.{css,css.map}' dist/",
|
|
49
|
+
"declaration": "rm -rf declaration && tsc -p tsconfig.declaration.json"
|
|
56
50
|
}
|
|
57
|
-
}
|
|
51
|
+
}
|
package/src/Flicking.ts
CHANGED
|
@@ -2,26 +2,27 @@
|
|
|
2
2
|
* Copyright (c) 2015 NAVER Corp.
|
|
3
3
|
* egjs projects are licensed under the MIT license
|
|
4
4
|
*/
|
|
5
|
-
|
|
6
|
-
import ListDiffer, { DiffResult } from "@egjs/list-differ";
|
|
5
|
+
|
|
7
6
|
import Component from "@egjs/component";
|
|
8
7
|
import VanillaFlicking, {
|
|
9
8
|
EVENTS,
|
|
10
|
-
withFlickingMethods,
|
|
11
|
-
sync,
|
|
12
|
-
Plugin,
|
|
13
|
-
getRenderingPanels,
|
|
14
9
|
getDefaultCameraTransform,
|
|
10
|
+
getRenderingPanels,
|
|
11
|
+
NormalRenderingStrategy,
|
|
12
|
+
Plugin,
|
|
15
13
|
range,
|
|
14
|
+
sync,
|
|
16
15
|
VirtualRenderingStrategy,
|
|
17
|
-
|
|
16
|
+
withFlickingMethods
|
|
18
17
|
} from "@egjs/flicking";
|
|
18
|
+
import ListDiffer, { DiffResult } from "@egjs/list-differ";
|
|
19
|
+
import { Comment, defineComponent, Fragment, getCurrentInstance, h, resolveComponent, Text, VNode } from "vue";
|
|
19
20
|
|
|
20
21
|
import FlickingProps from "./FlickingProps";
|
|
21
|
-
import VueRenderer, { VueRendererOptions } from "./VueRenderer";
|
|
22
|
-
import VuePanel from "./VuePanel";
|
|
23
|
-
import VueElementProvider from "./VueElementProvider";
|
|
24
22
|
import { VueFlicking } from "./types";
|
|
23
|
+
import VueElementProvider from "./VueElementProvider";
|
|
24
|
+
import VuePanel from "./VuePanel";
|
|
25
|
+
import VueRenderer, { VueRendererOptions } from "./VueRenderer";
|
|
25
26
|
|
|
26
27
|
const Flicking = defineComponent({
|
|
27
28
|
props: FlickingProps,
|
|
@@ -30,7 +31,7 @@ const Flicking = defineComponent({
|
|
|
30
31
|
},
|
|
31
32
|
data() {
|
|
32
33
|
return {} as {
|
|
33
|
-
renderEmitter: Component<{ render:
|
|
34
|
+
renderEmitter: Component<{ render: undefined }>;
|
|
34
35
|
vanillaFlicking: VanillaFlicking;
|
|
35
36
|
pluginsDiffer: ListDiffer<Plugin>;
|
|
36
37
|
slotDiffer: ListDiffer<VNode>;
|
|
@@ -49,45 +50,45 @@ const Flicking = defineComponent({
|
|
|
49
50
|
const defaultSlots = this.getSlots();
|
|
50
51
|
const diffResult = vueFlicking?.diffResult;
|
|
51
52
|
|
|
52
|
-
const slots = diffResult
|
|
53
|
-
? getRenderingPanels(flicking, diffResult)
|
|
54
|
-
: defaultSlots;
|
|
53
|
+
const slots = diffResult ? getRenderingPanels(flicking, diffResult) : defaultSlots;
|
|
55
54
|
|
|
56
55
|
const panelComponent = resolveComponent("Panel");
|
|
57
|
-
const panels = slots.map((slot, idx) =>
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
56
|
+
const panels = slots.map((slot, idx) =>
|
|
57
|
+
h(
|
|
58
|
+
panelComponent as any,
|
|
59
|
+
{
|
|
60
|
+
key: slot.key!,
|
|
61
|
+
ref: idx.toString()
|
|
62
|
+
},
|
|
63
|
+
() => slot
|
|
64
|
+
)
|
|
65
|
+
);
|
|
61
66
|
|
|
62
67
|
return panels;
|
|
63
68
|
};
|
|
64
69
|
this.getVirtualPanels = () => {
|
|
65
70
|
const options = this.options;
|
|
66
|
-
const {
|
|
67
|
-
panelClass = "flicking-panel"
|
|
68
|
-
} = options.virtual!;
|
|
71
|
+
const { panelClass = "flicking-panel" } = options.virtual!;
|
|
69
72
|
const panelsPerView = options.panelsPerView as number;
|
|
70
73
|
const flicking = this.vanillaFlicking;
|
|
71
|
-
const initialized = flicking
|
|
74
|
+
const initialized = flicking?.initialized;
|
|
72
75
|
|
|
73
76
|
const renderingIndexes = initialized
|
|
74
77
|
? flicking.renderer.strategy.getRenderingIndexesByOrder(flicking)
|
|
75
78
|
: range(panelsPerView + 1);
|
|
76
79
|
|
|
77
80
|
const firstPanel = initialized && flicking.panels[0];
|
|
78
|
-
const size = firstPanel
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
"data-element-index": idx
|
|
90
|
-
}));
|
|
81
|
+
const size = firstPanel ? (flicking.horizontal ? { width: firstPanel.size } : { height: firstPanel.size }) : {};
|
|
82
|
+
|
|
83
|
+
return renderingIndexes.map(idx =>
|
|
84
|
+
h("div", {
|
|
85
|
+
key: idx,
|
|
86
|
+
ref: idx.toString(),
|
|
87
|
+
class: panelClass,
|
|
88
|
+
style: size,
|
|
89
|
+
"data-element-index": idx
|
|
90
|
+
})
|
|
91
|
+
);
|
|
91
92
|
};
|
|
92
93
|
|
|
93
94
|
withFlickingMethods(this, "vanillaFlicking");
|
|
@@ -98,11 +99,12 @@ const Flicking = defineComponent({
|
|
|
98
99
|
const rendererOptions: VueRendererOptions = {
|
|
99
100
|
vueFlicking: this,
|
|
100
101
|
align: options.align,
|
|
101
|
-
strategy:
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
102
|
+
strategy:
|
|
103
|
+
options.virtual && (options.panelsPerView ?? -1) > 0
|
|
104
|
+
? new VirtualRenderingStrategy()
|
|
105
|
+
: new NormalRenderingStrategy({
|
|
106
|
+
providerCtor: VueElementProvider
|
|
107
|
+
})
|
|
106
108
|
};
|
|
107
109
|
|
|
108
110
|
const flicking = new VanillaFlicking(viewportEl, {
|
|
@@ -159,15 +161,13 @@ const Flicking = defineComponent({
|
|
|
159
161
|
render() {
|
|
160
162
|
const flicking = this.vanillaFlicking;
|
|
161
163
|
const options = this.options;
|
|
162
|
-
const initialized = flicking
|
|
163
|
-
const isHorizontal = flicking
|
|
164
|
-
? flicking.horizontal
|
|
165
|
-
: this.options.horizontal ?? true;
|
|
164
|
+
const initialized = flicking?.initialized;
|
|
165
|
+
const isHorizontal = flicking ? flicking.horizontal : (this.options.horizontal ?? true);
|
|
166
166
|
|
|
167
167
|
const viewportData = {
|
|
168
168
|
class: {
|
|
169
169
|
"flicking-viewport": true,
|
|
170
|
-
|
|
170
|
+
vertical: !isHorizontal,
|
|
171
171
|
"flicking-hidden": this.hideBeforeInit && !initialized
|
|
172
172
|
}
|
|
173
173
|
};
|
|
@@ -176,28 +176,22 @@ const Flicking = defineComponent({
|
|
|
176
176
|
"flicking-camera": true,
|
|
177
177
|
[this.cameraClass]: !!this.cameraClass
|
|
178
178
|
},
|
|
179
|
-
style:
|
|
180
|
-
|
|
181
|
-
|
|
179
|
+
style:
|
|
180
|
+
!initialized && this.firstPanelSize
|
|
181
|
+
? { transform: getDefaultCameraTransform(this.options.align, this.options.horizontal, this.firstPanelSize) }
|
|
182
|
+
: {}
|
|
182
183
|
};
|
|
183
184
|
|
|
184
|
-
const panels =
|
|
185
|
-
? this.getVirtualPanels
|
|
186
|
-
: this.getPanels;
|
|
185
|
+
const panels =
|
|
186
|
+
options.virtual && options.panelsPerView && options.panelsPerView > 0 ? this.getVirtualPanels : this.getPanels;
|
|
187
187
|
|
|
188
|
-
const viewportSlots = this.$slots.viewport
|
|
189
|
-
? this.$slots.viewport()
|
|
190
|
-
: [];
|
|
188
|
+
const viewportSlots = this.$slots.viewport ? this.$slots.viewport() : [];
|
|
191
189
|
|
|
192
|
-
return h(this.viewportTag, viewportData,
|
|
193
|
-
[h(this.cameraTag, cameraData, { default: panels }), ...viewportSlots]
|
|
194
|
-
);
|
|
190
|
+
return h(this.viewportTag, viewportData, [h(this.cameraTag, cameraData, { default: panels }), ...viewportSlots]);
|
|
195
191
|
},
|
|
196
192
|
methods: {
|
|
197
193
|
getSlots() {
|
|
198
|
-
const slots = this.$slots.default
|
|
199
|
-
? this.$slots.default()
|
|
200
|
-
: [];
|
|
194
|
+
const slots = this.$slots.default ? this.$slots.default() : [];
|
|
201
195
|
|
|
202
196
|
return slots
|
|
203
197
|
.reduce((elementSlots, slot) => [...elementSlots, ...this.getElementVNodes(slot)], [] as VNode[])
|
|
@@ -216,8 +210,7 @@ const Flicking = defineComponent({
|
|
|
216
210
|
},
|
|
217
211
|
bindEvents() {
|
|
218
212
|
const flicking = this.vanillaFlicking;
|
|
219
|
-
const events = (Object.keys(EVENTS) as Array<keyof typeof EVENTS>)
|
|
220
|
-
.map(key => EVENTS[key]);
|
|
213
|
+
const events = (Object.keys(EVENTS) as Array<keyof typeof EVENTS>).map(key => EVENTS[key]);
|
|
221
214
|
|
|
222
215
|
events.forEach(eventName => {
|
|
223
216
|
flicking.on(eventName, (e: any) => {
|
package/src/FlickingProps.ts
CHANGED
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
* Copyright (c) 2015 NAVER Corp.
|
|
3
3
|
* egjs projects are licensed under the MIT license
|
|
4
4
|
*/
|
|
5
|
-
|
|
5
|
+
|
|
6
6
|
import { FlickingOptions, Plugin, Status } from "@egjs/flicking";
|
|
7
|
+
import { PropType } from "vue";
|
|
7
8
|
|
|
8
9
|
export default {
|
|
9
10
|
viewportTag: {
|
|
@@ -37,7 +38,7 @@ export default {
|
|
|
37
38
|
},
|
|
38
39
|
plugins: {
|
|
39
40
|
type: Array as PropType<Plugin[]>,
|
|
40
|
-
default: () =>
|
|
41
|
+
default: () => [],
|
|
41
42
|
required: false
|
|
42
43
|
},
|
|
43
44
|
status: {
|
|
@@ -10,7 +10,9 @@ class VueElementProvider implements ElementProvider {
|
|
|
10
10
|
private _el: VuePanel;
|
|
11
11
|
private _cachedElement: HTMLElement;
|
|
12
12
|
|
|
13
|
-
public get rendered() {
|
|
13
|
+
public get rendered() {
|
|
14
|
+
return !this._el.hide;
|
|
15
|
+
}
|
|
14
16
|
public get element() {
|
|
15
17
|
const el = this._el.$el.nextSibling as HTMLElement;
|
|
16
18
|
|
package/src/VueRenderer.ts
CHANGED
|
@@ -2,12 +2,7 @@
|
|
|
2
2
|
* Copyright (c) 2015 NAVER Corp.
|
|
3
3
|
* egjs projects are licensed under the MIT license
|
|
4
4
|
*/
|
|
5
|
-
import {
|
|
6
|
-
ExternalRenderer,
|
|
7
|
-
getFlickingAttached,
|
|
8
|
-
PanelOptions,
|
|
9
|
-
RendererOptions
|
|
10
|
-
} from "@egjs/flicking";
|
|
5
|
+
import { ExternalRenderer, getFlickingAttached, PanelOptions, RendererOptions } from "@egjs/flicking";
|
|
11
6
|
|
|
12
7
|
import VueFlicking from "./Flicking";
|
|
13
8
|
import VuePanel from "./VuePanel";
|
|
@@ -34,7 +29,7 @@ class VueRenderer extends ExternalRenderer {
|
|
|
34
29
|
strategy.updateRenderingPanels(flicking);
|
|
35
30
|
strategy.renderPanels(flicking);
|
|
36
31
|
|
|
37
|
-
return new Promise<void>(
|
|
32
|
+
return new Promise<void>(resolve => {
|
|
38
33
|
vueFlicking.renderEmitter.once("render", () => {
|
|
39
34
|
this._afterRender();
|
|
40
35
|
resolve();
|
|
@@ -48,7 +43,7 @@ class VueRenderer extends ExternalRenderer {
|
|
|
48
43
|
|
|
49
44
|
await super.forceRenderAllPanels();
|
|
50
45
|
|
|
51
|
-
return new Promise<void>(
|
|
46
|
+
return new Promise<void>(resolve => {
|
|
52
47
|
vueFlicking.renderEmitter.once("render", resolve);
|
|
53
48
|
vueFlicking.$forceUpdate();
|
|
54
49
|
});
|
package/src/reactive.ts
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
|
+
import { useReactive } from "@cfcs/vue3";
|
|
1
2
|
import { FlickingReactiveAPIOptions, flickingReactiveAPIAdapter } from "@egjs/flicking";
|
|
2
3
|
import { Ref } from "vue";
|
|
3
|
-
import { useReactive } from "@cfcs/vue3";
|
|
4
4
|
|
|
5
5
|
import Flicking from "./Flicking";
|
|
6
6
|
|
|
7
|
-
|
|
8
7
|
export const useFlickingReactiveAPI = (flickingRef: Ref<Flicking>, options?: FlickingReactiveAPIOptions) => {
|
|
9
8
|
return useReactive(flickingReactiveAPIAdapter, () => ({
|
|
10
9
|
flicking: flickingRef.value ?? undefined,
|
package/src/types.ts
CHANGED
|
@@ -1,17 +1,12 @@
|
|
|
1
|
-
import { ComponentOptionsMixin, DefineComponent, VNode } from "vue";
|
|
2
|
-
import VanillaFlicking, {
|
|
3
|
-
Plugin,
|
|
4
|
-
Status,
|
|
5
|
-
FlickingOptions,
|
|
6
|
-
FlickingEvents
|
|
7
|
-
} from "@egjs/flicking";
|
|
8
1
|
import Component from "@egjs/component";
|
|
2
|
+
import VanillaFlicking, { FlickingEvents, FlickingOptions, Plugin, Status } from "@egjs/flicking";
|
|
9
3
|
import ListDiffer, { DiffResult } from "@egjs/list-differ";
|
|
4
|
+
import { ComponentOptionsMixin, DefineComponent, VNode } from "vue";
|
|
10
5
|
|
|
11
6
|
import FlickingProps from "./FlickingProps";
|
|
12
7
|
|
|
13
8
|
export interface FlickingData {
|
|
14
|
-
renderEmitter: Component<{ render:
|
|
9
|
+
renderEmitter: Component<{ render: undefined }>;
|
|
15
10
|
vanillaFlicking: VanillaFlicking;
|
|
16
11
|
pluginsDiffer: ListDiffer<Plugin>;
|
|
17
12
|
slotDiffer: ListDiffer<VNode>;
|
|
@@ -43,28 +38,30 @@ export type VueFlicking = DefineComponent<
|
|
|
43
38
|
// Public Props
|
|
44
39
|
import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps,
|
|
45
40
|
// Props
|
|
46
|
-
Readonly<
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
41
|
+
Readonly<
|
|
42
|
+
{
|
|
43
|
+
viewportTag?: unknown;
|
|
44
|
+
cameraTag?: unknown;
|
|
45
|
+
cameraClass?: unknown;
|
|
46
|
+
hideBeforeInit?: unknown;
|
|
47
|
+
firstPanelSize?: unknown;
|
|
48
|
+
options?: unknown;
|
|
49
|
+
plugins?: unknown;
|
|
50
|
+
status?: unknown;
|
|
51
|
+
} & {
|
|
52
|
+
viewportTag: string;
|
|
53
|
+
cameraTag: string;
|
|
54
|
+
cameraClass: string;
|
|
55
|
+
hideBeforeInit: boolean;
|
|
56
|
+
options: Partial<FlickingOptions>;
|
|
57
|
+
plugins: Plugin[];
|
|
58
|
+
} & {
|
|
59
|
+
firstPanelSize?: string;
|
|
60
|
+
status?: Status;
|
|
61
|
+
} & {
|
|
62
|
+
[K in keyof VueFlickingEmits as `on${Capitalize<K>}`]?: VueFlickingEmits[K];
|
|
63
|
+
}
|
|
64
|
+
>,
|
|
68
65
|
// Defaults
|
|
69
66
|
{
|
|
70
67
|
viewportTag: string;
|
package/public/favicon.ico
DELETED
|
Binary file
|
package/public/index.html
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8">
|
|
5
|
-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
6
|
-
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
7
|
-
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
|
8
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma.min.css">
|
|
9
|
-
<title><%= htmlWebpackPlugin.options.title %></title>
|
|
10
|
-
</head>
|
|
11
|
-
<body>
|
|
12
|
-
<noscript>
|
|
13
|
-
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
|
|
14
|
-
</noscript>
|
|
15
|
-
<div id="app"></div>
|
|
16
|
-
<!-- built files will be auto injected -->
|
|
17
|
-
</body>
|
|
18
|
-
</html>
|