zc-lowcode 0.0.1 → 0.0.3

package/dist/runtime.js

@@ -0,0 +1,262 @@
+import "./assets/runtime.css";
+import "./assets/sortable.css";
+import "./assets/runtime-definitions.css";
+import { defineComponent as m, toRef as P, openBlock as o, createBlock as g, resolveDynamicComponent as D, unref as l, normalizeProps as I, guardReactiveProps as O, createSlots as W, withCtx as p, createElementBlock as L, Fragment as A, renderList as h, createCommentVNode as u, provide as _, computed as S, getCurrentInstance as N, normalizeStyle as y, createVNode as R } from "vue";
+import { createMaterialRegistry as f, normalizeLoadedPage as w, registerRuntimeWidgetViews as b } from "./core.js";
+import { STYLE_BREAKPOINTS as Q, STYLE_BREAKPOINT_META as $, STYLE_BREAKPOINT_MIN_WIDTH as ee, WIDGET_ANIMATION_PRESETS as ae, WIDGET_ANIMATION_PRESET_LABELS as se, WIDGET_ANIMATION_TRIGGERS as te, WIDGET_ANIMATION_TRIGGER_LABELS as ie, WIDGET_PSEUDO_STYLE_STATES as oe, WIDGET_STYLE_STATE_LABELS as ne, cleanResponsiveValue as de, clonePageSnapshot as re, ensureWidgetMotion as le, ensureWidgetStyles as Ee, getWidgetDefaultStyle as ge, getWidgetPseudoStyle as _e, hasResponsiveStyle as Se, hasWidgetAnimation as Te, hasWidgetAnimationForTrigger as ce, hasWidgetMotion as pe, hasWidgetPseudoStyle as ue, hasWidgetTransition as me, isNonEmptyCssStyle as Le, isResponsiveStyleValue as Pe, isWidgetAnimationEnabled as De, isWidgetTransitionEnabled as Ie, readStyleValue as Oe, resolveBreakpointByWidth as We, resolveFlatCssStyle as Ae, resolveResponsiveValue as he, serializePageSnapshot as Ne } from "./core.js";
+import { dp as C, dq as v, a1 as M, a8 as F, n as x, dr as V, ds as Y, dt as B, du as U, dv as G } from "./sortable.esm-DbutZcEr.js";
+import { dw as Re, dx as fe, dy as we, ad as be, ae as Ce, af as ve, ac as Me, dz as Fe, dA as xe, dB as Ve, bf as Ye, dC as Be, dD as Ue, dE as Ge, dF as ze, dG as Ke, bG as He, bF as ke, dH as Xe, a6 as Je, a2 as qe, a5 as Ze, ag as je, dI as Qe, w as $e, dJ as ea, bj as aa, bk as sa, dK as ta, aa as ia, dL as oa, dM as na, dN as da, dO as ra, bs as la, br as Ea, bl as ga, bm as _a, dP as Sa, dQ as Ta, K as ca, dR as pa, G as ua, dS as ma, dT as La, dU as Pa, dV as Da, dW as Ia, dX as Oa, bh as Wa, o as Aa, dY as ha, bb as Na, dZ as ya, Y as Ra, bT as fa, d_ as wa, d$ as ba, N as Ca, bc as va, e0 as Ma, x as Fa, bp as xa, W as Va, bo as Ya, bB as Ba, bu as Ua, e1 as Ga, bi as za, bv as Ka, bx as Ha, bC as ka, e2 as Xa, q as Ja, bq as qa, e3 as Za, e4 as ja, e5 as Qa, be as $a, r as es, bg as as, e6 as ss, e7 as ts, e8 as is, y as os, X as ns, p as ds, V as rs, T as ls, Q as Es, O as gs, bd as _s, bD as Ss, e9 as Ts, ea as cs, eb as ps, ec as us, ed as ms, H as Ls, bn as Ps, z as Ds, ee as Is, dl as Os, by as Ws, bt as As, ef as hs, eg as Ns, eh as ys, Z as Rs, ei as fs, ej as ws, ek as bs, el as Cs, em as vs, en as Ms, eo as Fs, ep as xs, eq as Vs, er as Ys, es as Bs, et as Us, J as Gs, eu as zs, bA as Ks, bw as Hs, bE as ks, ev as Xs, ew as Js, bz as qs, ex as Zs, ey as js, ez as Qs, eA as $s, eB as et, ah as at, eC as st, eD as tt, eE as it, eF as ot, eG as nt, eH as dt } from "./sortable.esm-DbutZcEr.js";
+import { ae as z } from "./runtime-definitions-BGShdDBK.js";
+const T = /* @__PURE__ */ m({
+  name: "RuntimeWidgetNode",
+  __name: "widget-node",
+  props: {
+    widget: {},
+    parentWidget: {},
+    index: {}
+  },
+  setup(a) {
+    const e = a, { usesItemSlot: s, viewComponent: n } = C(P(e, "widget")), d = v(e.widget, e.parentWidget, e.index);
+    return (c, E) => (o(), g(D(l(n)), I(O(l(d))), W({
+      default: p(() => {
+        var t;
+        return [
+          !l(s) && ((t = a.widget.children) != null && t.length) ? (o(!0), L(A, { key: 0 }, h(a.widget.children, (i, r) => (o(), g(T, {
+            key: i.id,
+            widget: i,
+            "parent-widget": a.widget,
+            index: r
+          }, null, 8, ["widget", "parent-widget", "index"]))), 128)) : u("", !0)
+        ];
+      }),
+      _: 2
+    }, [
+      l(s) ? {
+        name: "item",
+        fn: p(({ item: t, index: i, visible: r }) => [
+          r !== !1 ? (o(), g(T, {
+            key: 0,
+            widget: t,
+            "parent-widget": a.widget,
+            index: i
+          }, null, 8, ["widget", "parent-widget", "index"])) : u("", !0)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040));
+  }
+}), q = /* @__PURE__ */ m({
+  name: "LowcodePageRenderer",
+  __name: "page-renderer",
+  props: {
+    definitions: {},
+    page: {},
+    theme: {},
+    locale: {}
+  },
+  setup(a) {
+    const e = a, s = f(e.definitions ?? z);
+    _(M, s);
+    const n = S(() => w(e.page, s.widgetNormalizers)), d = N();
+    d && b(d.appContext.app, s);
+    const c = F({
+      page: () => n.value,
+      designMode: () => !1
+    });
+    _(x, c);
+    const E = S(() => V(e.theme)), t = S(() => Y(E.value));
+    _(B, E);
+    const { width: i } = G({ initialWidth: 0 });
+    return U(i), (r, K) => (o(), L("div", {
+      class: "lowcode-page-renderer lowcode-theme-scope lowcode-runtime-root h-full w-full min-h-0 min-w-0",
+      style: y(t.value)
+    }, [
+      R(T, { widget: n.value }, null, 8, ["widget"])
+    ], 4));
+  }
+});
+export {
+  Re as ANIMATION_PRESET_KEYFRAMES,
+  fe as DEFAULT_FLEX_CONTAINER_STYLE,
+  we as DEFAULT_FLEX_PANE_STYLE,
+  be as DEFAULT_LOWCODE_DESIGNER_HEIGHT,
+  Ce as DEFAULT_LOWCODE_DESIGNER_LOCALE,
+  ve as DEFAULT_LOWCODE_DESIGNER_THEME,
+  Me as DEFAULT_LOWCODE_DESIGNER_WIDTH,
+  Fe as DEFAULT_LOWCODE_RUNTIME_LOCALE,
+  xe as DEFAULT_LOWCODE_RUNTIME_THEME,
+  Ve as DEFAULT_LOWCODE_RUNTIME_TOKENS,
+  Ye as DEFAULT_WIDGET_EVENT_HANDLER,
+  Be as EXPRESSION_SKIP_OPTION_KEYS,
+  Ue as FLEX_LAYOUT_DEFAULTS,
+  Ge as FLEX_LAYOUT_FLEX_DEFAULTS,
+  ze as FLEX_LAYOUT_FLEX_KEYS,
+  Ke as FLEX_LAYOUT_KEYS,
+  He as FONT_FAMILY_OPTIONS,
+  ke as FONT_WEIGHT_OPTIONS,
+  Xe as ITEM_SCOPE_KEY,
+  x as LIFECYCLE_KEY,
+  Je as LOWCODE_DESIGNER_SELECT_WIDGET_KEY,
+  qe as LOWCODE_DESIGN_MODE_KEY,
+  Ze as LOWCODE_STYLE_PREVIEW_KEY,
+  B as LOWCODE_THEME_TOKEN_KEY,
+  je as LOWCODE_UPLOAD_KEY,
+  Qe as LOWCODE_VIEWPORT_WIDTH_KEY,
+  q as LowcodePageRenderer,
+  M as MATERIAL_REGISTRY_KEY,
+  $e as PAGE_DATA_VALUE_TYPE_OPTIONS,
+  ea as SIZE_UNITS,
+  Q as STYLE_BREAKPOINTS,
+  $ as STYLE_BREAKPOINT_META,
+  ee as STYLE_BREAKPOINT_MIN_WIDTH,
+  aa as TRANSITION_PROPERTY_OPTIONS,
+  sa as TRANSITION_TIMING_OPTIONS,
+  ae as WIDGET_ANIMATION_PRESETS,
+  se as WIDGET_ANIMATION_PRESET_LABELS,
+  te as WIDGET_ANIMATION_TRIGGERS,
+  ie as WIDGET_ANIMATION_TRIGGER_LABELS,
+  oe as WIDGET_PSEUDO_STYLE_STATES,
+  ne as WIDGET_STYLE_STATE_LABELS,
+  ta as applyBackgroundImageStyleDefaults,
+  ia as applyLowcodeThemeCssVariables,
+  Y as buildLowcodeThemeCssVariableStyle,
+  oa as buildResponsiveStyleCss,
+  na as buildScopedStyleCss,
+  da as buildWidgetMotionCss,
+  v as buildWidgetNodeShellProps,
+  ra as buildWidgetStylesCss,
+  la as clampAlpha,
+  Ea as cleanEmptyStyle,
+  de as cleanResponsiveValue,
+  ga as cleanWidgetMotion,
+  _a as cleanWidgetStyles,
+  re as clonePageSnapshot,
+  Sa as coerceBindingDisplayString,
+  Ta as coercePageDataValue,
+  ca as commitPageMethods,
+  pa as compilePageScript,
+  ua as createApiParamEntry,
+  ma as createExpressionScope,
+  La as createKeyedSlotMaterialHelpers,
+  Pa as createPageDataItem,
+  Da as createPageLifecycleHook,
+  Ia as createPageMethodHandler,
+  Oa as createPageMethodItem,
+  Wa as createWidgetEventItem,
+  Aa as dedupePageData,
+  ha as dedupePageMethods,
+  Na as dedupeWidgetEvents,
+  ya as ensureInternalPaneWidget,
+  Ra as ensurePageData,
+  fa as ensurePageLifecycle,
+  wa as ensurePageMethodListKeys,
+  ba as ensurePageMethods,
+  Ca as ensurePageScript,
+  le as ensureWidgetMotion,
+  Ee as ensureWidgetStyles,
+  va as findPresetHint,
+  Ma as formatAnimationDeclaration,
+  Fa as formatDraftPageDataValue,
+  xa as formatHex,
+  Va as formatPageMethodSignature,
+  Ya as formatRgba,
+  Ba as formatShadow,
+  Ua as formatSize,
+  Ga as formatTransitionDeclaration,
+  za as formatWidgetEventBindingPreview,
+  Ka as getBorderRadius,
+  Ha as getBorderValue,
+  ka as getBoxSides,
+  Xa as getByPath,
+  Ja as getPageDataValueSummary,
+  ge as getWidgetDefaultStyle,
+  _e as getWidgetPseudoStyle,
+  qa as hasBindingExpression,
+  Za as hasExplicitWidgetHeight,
+  ja as hasExplicitWidgetWidth,
+  Qa as hasMeaningfulBackgroundImage,
+  Se as hasResponsiveStyle,
+  Te as hasWidgetAnimation,
+  ce as hasWidgetAnimationForTrigger,
+  $a as hasWidgetEventBinding,
+  pe as hasWidgetMotion,
+  ue as hasWidgetPseudoStyle,
+  me as hasWidgetTransition,
+  es as inferPageDataValueType,
+  as as isEventNameUsed,
+  ss as isJsonSerializableValue,
+  ts as isMeaningfulFixedSize,
+  Le as isNonEmptyCssStyle,
+  is as isOverflowClipSize,
+  os as isPageDataNameUsed,
+  ns as isPageMethodNameUsed,
+  Pe as isResponsiveStyleValue,
+  ds as isValidPageDataName,
+  rs as isValidPageMethodApiTarget,
+  ls as isValidPageMethodApiUrl,
+  Es as isValidPageMethodHandler,
+  gs as isValidPageMethodName,
+  _s as isValidPageScriptHandler,
+  De as isWidgetAnimationEnabled,
+  Ie as isWidgetTransitionEnabled,
+  Ss as normalizeBoxSideValue,
+  Ts as normalizePageData,
+  cs as normalizePageLifecycle,
+  ps as normalizePageMethods,
+  us as normalizeWidgetEvents,
+  ms as pageDataItemsToRecord,
+  Ls as parseApiParamEntries,
+  Ps as parseColor,
+  Ds as parseDraftPageDataValue,
+  Is as parsePageDataJson,
+  Os as parsePageMethodSignature,
+  Ws as parseShadow,
+  As as parseSize,
+  hs as parseTransition,
+  Ns as patchFlexLayoutDefaults,
+  ys as patchWidgetEvents,
+  Rs as provideLowcodeUpload,
+  U as provideLowcodeViewportWidth,
+  Oe as readStyleValue,
+  fs as recordToPageDataItems,
+  ws as resolveAnimationName,
+  bs as resolveBindingExpression,
+  We as resolveBreakpointByWidth,
+  Cs as resolveContainerStyleFromWidget,
+  vs as resolveExpressionPath,
+  Ae as resolveFlatCssStyle,
+  Ms as resolveInternalPaneContainerCssStyle,
+  Fs as resolveInternalPaneContainerStyle,
+  V as resolveLowcodeThemeTokens,
+  xs as resolveOptionValue,
+  he as resolveResponsiveValue,
+  Vs as resolveStringExpression,
+  Ys as resolveWidgetOptions,
+  Bs as runPageLifecycleHook,
+  Us as runWidgetEventBinding,
+  z as runtimeMaterialDefinitions,
+  Gs as serializeApiParamEntries,
+  zs as serializePageDataJson,
+  Ne as serializePageSnapshot,
+  Ks as setBorderRadius,
+  Hs as setBorderValue,
+  ks as setBoxSides,
+  Xs as simulatePageLifecycle,
+  Js as simulatePageMethod,
+  qs as splitShorthand,
+  Zs as unwrapListRowScalar,
+  js as useCardContainerStyle,
+  Qs as useContainerStyle,
+  $s as useExpressionScope,
+  F as useLifecycle,
+  et as useLowcodeRuntimeToken,
+  at as useLowcodeToken,
+  st as useMaterialRegistry,
+  tt as useRenderableStyle,
+  it as useResolvedWidgetOptions,
+  ot as useStyleBreakpoint,
+  nt as useWidgetEvents,
+  C as useWidgetNodeContext,
+  dt as useWidgetVisualStyles
+};
+//# sourceMappingURL=runtime.js.map

package/dist/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.js","sources":["../src/runtime/widget-node.vue","../src/runtime/page-renderer.vue"],"sourcesContent":["<script setup lang=\"ts\">\ndefineOptions({ name: 'RuntimeWidgetNode' })\n\nimport type { Widget } from '../core/index.ts'\nimport { buildWidgetNodeShellProps, useWidgetNodeContext } from './runtime.ts'\nimport RuntimeWidgetNode from './widget-node.vue'\nimport { toRef } from 'vue'\n\nconst props = defineProps<{\n  widget: Widget\n  parentWidget?: Widget | null\n  index?: number\n}>()\n\nconst { usesItemSlot, viewComponent } = useWidgetNodeContext(toRef(props, 'widget'))\nconst shellProps = buildWidgetNodeShellProps(props.widget, props.parentWidget, props.index)\n</script>\n\n<template>\n  <component :is=\"viewComponent\" v-bind=\"shellProps\">\n    <template v-if=\"!usesItemSlot && widget.children?.length\">\n      <RuntimeWidgetNode v-for=\"(child, childIndex) in widget.children\" :key=\"child.id\" :widget=\"child\" :parent-widget=\"widget\" :index=\"childIndex\" />\n    </template>\n\n    <template v-if=\"usesItemSlot\" #item=\"{ item, index: itemIndex, visible }\">\n      <RuntimeWidgetNode v-if=\"visible !== false\" :widget=\"item\" :parent-widget=\"widget\" :index=\"itemIndex\" />\n    </template>\n  </component>\n</template>\n","<script setup lang=\"ts\">\ndefineOptions({ name: 'LowcodePageRenderer' })\n\nimport { createMaterialRegistry, normalizeLoadedPage, registerRuntimeWidgetViews } from '../core/index.ts'\nimport {\n  type LowcodeRuntimeProps,\n  provideLowcodeViewportWidth,\n  LIFECYCLE_KEY,\n  useLifecycle,\n  MATERIAL_REGISTRY_KEY,\n  resolveLowcodeThemeTokens,\n  buildLowcodeThemeCssVariableStyle,\n  LOWCODE_THEME_TOKEN_KEY\n} from './runtime.ts'\nimport { runtimeMaterialDefinitions } from '../materials/runtime-definitions.ts'\nimport RuntimeWidgetNode from './widget-node.vue'\nimport { computed, getCurrentInstance, provide } from 'vue'\nimport { useWindowSize } from '@vueuse/core'\n\nconst props = defineProps<LowcodeRuntimeProps>()\n\nconst materialRegistry = createMaterialRegistry(props.definitions ?? runtimeMaterialDefinitions)\nprovide(MATERIAL_REGISTRY_KEY, materialRegistry)\n\nconst normalizedPage = computed(() => normalizeLoadedPage(props.page, materialRegistry.widgetNormalizers))\n\nconst instance = getCurrentInstance()\nif (instance) {\n  registerRuntimeWidgetViews(instance.appContext.app, materialRegistry)\n}\n\nconst lifecycleRuntime = useLifecycle({\n  page: () => normalizedPage.value,\n  designMode: () => false\n})\nprovide(LIFECYCLE_KEY, lifecycleRuntime)\n\nconst themeToken = computed(() => resolveLowcodeThemeTokens(props.theme))\nconst themeStyle = computed(() => buildLowcodeThemeCssVariableStyle(themeToken.value))\n\nprovide(LOWCODE_THEME_TOKEN_KEY, themeToken)\n\nconst { width: viewportWidth } = useWindowSize({ initialWidth: 0 })\nprovideLowcodeViewportWidth(viewportWidth)\n</script>\n\n<template>\n  <div\n    class=\"lowcode-page-renderer lowcode-theme-scope lowcode-runtime-root h-full w-full min-h-0 min-w-0\"\n    :style=\"themeStyle\"\n  >\n    <RuntimeWidgetNode :widget=\"normalizedPage\" />\n  </div>\n</template>\n"],"names":["props","__props","usesItemSlot","viewComponent","useWidgetNodeContext","toRef","shellProps","buildWidgetNodeShellProps","_createBlock","_resolveDynamicComponent","_unref","_normalizeProps","_guardReactiveProps","_createSlots","_a","_openBlock","_createElementBlock","_Fragment","child","childIndex","RuntimeWidgetNode","_withCtx","item","itemIndex","visible","materialRegistry","createMaterialRegistry","runtimeMaterialDefinitions","provide","MATERIAL_REGISTRY_KEY","normalizedPage","computed","normalizeLoadedPage","instance","getCurrentInstance","registerRuntimeWidgetViews","lifecycleRuntime","useLifecycle","LIFECYCLE_KEY","themeToken","resolveLowcodeThemeTokens","themeStyle","buildLowcodeThemeCssVariableStyle","LOWCODE_THEME_TOKEN_KEY","viewportWidth","useWindowSize","provideLowcodeViewportWidth","_createVNode"],"mappings":";;;;;;;;;;;;;;;AAQA,UAAMA,IAAQC,GAMR,EAAE,cAAAC,GAAc,eAAAC,EAAA,IAAkBC,EAAqBC,EAAML,GAAO,QAAQ,CAAC,GAC7EM,IAAaC,EAA0BP,EAAM,QAAQA,EAAM,cAAcA,EAAM,KAAK;2BAIxFQ,EAQYC,EARIC,EAAAP,CAAA,CAAa,GAAAQ,EAAAC,EAAUF,EAAAJ,CAAA,CAAU,CAAA,GAAAO,EAAA;AAAA,iBAC/C,MAAA;;AAEW;AAAA,UAFM,CAAAH,EAAAR,CAAA,OAAgBY,IAAAb,EAAA,OAAO,aAAP,QAAAa,EAAiB,WAChDC,EAAA,EAAA,GAAAC,EAAgJC,iBAA/FhB,EAAA,OAAO,UAAQ,CAArCiB,GAAOC,YAAlCX,EAAgJY,GAAA;AAAA,YAA7E,KAAKF,EAAM;AAAA,YAAK,QAAQA;AAAA,YAAQ,iBAAejB,EAAA;AAAA,YAAS,OAAOkB;AAAA,UAAA;;;;;MAGpHT,EAAAR,CAAA;cAAe;AAAA,QAC7B,IAAAmB,EAAA,CAAwG,EADnE,MAAAC,GAAI,OAASC,GAAW,SAAAC,QAAO;AAAA,UAC3CA,MAAO,WAAhChB,EAAwGY,GAAA;AAAA;YAA3D,QAAQE;AAAA,YAAO,iBAAerB,EAAA;AAAA,YAAS,OAAOsB;AAAA,UAAA;;;;;;;;;;;;;;;;ACNjG,UAAMvB,IAAQC,GAERwB,IAAmBC,EAAuB1B,EAAM,eAAe2B,CAA0B;AAC/F,IAAAC,EAAQC,GAAuBJ,CAAgB;AAE/C,UAAMK,IAAiBC,EAAS,MAAMC,EAAoBhC,EAAM,MAAMyB,EAAiB,iBAAiB,CAAC,GAEnGQ,IAAWC,EAAA;AACjB,IAAID,KACFE,EAA2BF,EAAS,WAAW,KAAKR,CAAgB;AAGtE,UAAMW,IAAmBC,EAAa;AAAA,MACpC,MAAM,MAAMP,EAAe;AAAA,MAC3B,YAAY,MAAM;AAAA,IAAA,CACnB;AACD,IAAAF,EAAQU,GAAeF,CAAgB;AAEvC,UAAMG,IAAaR,EAAS,MAAMS,EAA0BxC,EAAM,KAAK,CAAC,GAClEyC,IAAaV,EAAS,MAAMW,EAAkCH,EAAW,KAAK,CAAC;AAErF,IAAAX,EAAQe,GAAyBJ,CAAU;AAE3C,UAAM,EAAE,OAAOK,EAAA,IAAkBC,EAAc,EAAE,cAAc,GAAG;AAClE,WAAAC,EAA4BF,CAAa,mBAIvC5B,EAKM,OAAA;AAAA,MAJJ,OAAM;AAAA,MACL,SAAOyB,EAAA,KAAU;AAAA,IAAA;MAElBM,EAA8C3B,GAAA,EAA1B,QAAQU,EAAA,MAAA,GAAc,MAAA,GAAA,CAAA,QAAA,CAAA;AAAA,IAAA;;;"}