@cloudbase/framework-plugin-low-code 0.4.44 → 0.4.45

package/lib/generator/core/generate.js

@@ -89,7 +89,7 @@ function generateSinglePageJsxFile(pageInstance, appBuildDir, rootPath, dependen
             cleanVarName: util_1.cleanVarName,
             isSandbox,
             pageName: pageInstance.id,
-            pageStyleString: weapps_core_1.toCssText(weapps_core_1.toCssStyle(style), `body`),
+            pageStyleText: weapps_core_1.toCssText(weapps_core_1.toCssStyle(style), `body`),
             useComponents: originComponentList,
             useActions: originActionList.filter((action) => action.type === weapps_core_1.ActionType.Material),
             componentSchema,

package/lib/generator/template.js

@@ -35,7 +35,7 @@ exports.default = {
         "code": "// 针对小程序样式做适配\n// 请注意与weapps/src/pages/editor/components/Main/EditAndPreview/index.iframe.scss的一致性，以确保小程序端样式与\n\nbody {\n  margin: 0;\n  padding: 0;\n}\n\n#weapp-scancode-video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.weapp-scancode {\n  &-close-button {\n    background: white;\n    color: black;\n    display: flex;\n    position: absolute;\n    top: 14px;\n    left: 14px;\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n    cursor: pointer;\n    justify-content: center;\n    align-items: center;\n    z-index: 500;\n  }\n  &-modal {\n    position: fixed;\n    background-color: black;\n    left: 0px;\n    right: 0px;\n    top: 0px;\n    bottom: 0px;\n    &-main {\n      height: 100%;\n      position: relative;\n    }\n  }\n  &-scan {\n    &-wrapper {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      height: 100%;\n      width: 100%;\n      position: absolute;\n      top: 0;\n      left: 0;\n    }\n    &-square {\n      --square-size: 16rem;\n      width: var(--square-size);\n      height: var(--square-size);\n      position: relative;\n    }\n    &-bar {\n      position: absolute;\n      height: 10px;\n      width: 100%;\n      background: linear-gradient(90deg, transparent, #07c160 50%, transparent);\n      top: 0%;\n      border-top-left-radius: 50%;\n      border-top-right-radius: 50%;\n      animation: slideinout-top-down 2s;\n      animation-direction: normal;\n      animation-timing-function: linear;\n      animation-iteration-count: infinite;\n    }\n    &-tip {\n      margin-top: 10rem;\n      color: white;\n    }\n    &-not-found {\n      color: white;\n    }\n    &-not-found + p {\n      color: #999;\n    }\n  }\n\n  &-img-selector {\n    position: absolute;\n    bottom: 32px;\n    right: 32px;\n    z-index: 500;\n  }\n  &-img-picker {\n    z-index: 500;\n    padding: 5px;\n    display: block;\n    cursor: pointer;\n  }\n}\n\n@keyframes slideinout-top-down {\n  // use transform to prevent relayout\n  0% {\n    transform: translateY(0px);\n    opacity: 0;\n  }\n  50% {\n    transform: translateY(calc(var(--square-size) / 2));\n    opacity: 0.5;\n  }\n  100% {\n    transform: translateY(var(--square-size));\n    opacity: 0;\n  }\n}\n\n@media (min-width: 1024px) {\n  .weda-responsive_flex_flow {\n    flex-flow: row !important;\n  }\n}\n"
     },
     "/src/pages/app.tpl": {
-        "code": "// Import Libs and Handlers\nimport * as React from 'react'\nimport { observable, autorun, reaction } from 'mobx'\nimport { observer } from \"mobx-react-lite\";\nimport get from 'lodash.get'\nimport { app } from '../../app/global-api' // 取对应子包app\nimport '../../utils/initGlobalVar'\nimport { AppRender } from '/src/handlers/RenderWrapper'\nimport { createDataset, createStateDataSourceVar, generateParamsParser, EXTRA_API } from '../../datasources'\nimport { createComputed, createWidgets, retryDataBinds, bindFuncObj, resolveComponentProps } from '/src/utils/index'\nimport { pageLifeCycleMount } from '/src/utils/lifecycle'\nimport { useScrollTop } from '/src/utils/hooks'\nimport PageLifeCycle from '../../lowcode/<%= pageName %>/lifecycle'\nimport initPageState from '../../lowcode/<%= pageName %>/state'\nimport computed from '../../lowcode/<%= pageName %>/computed'\nimport pageAPI from '../../lowcode/<%= pageName %>/index';\nimport { $$_<%= pageName %> as handler } from '../../app/handlers'\nimport { createPageApi } from '/src/app/global-api' // 取主包app\n\nimport '../../lowcode/<%= pageName %>/style.css'\n\n// Import Components\n<% useComponents.forEach(compItem => {%>\n<% if(isSandbox) { %>\nconst <%= upperFirst(compItem.variableName) %> = window[\"@weapps-materials-main-<%= compItem.materialName %>\"].components[\"<%= compItem.name %>\"];\n<% } else if(!isSandbox) { %>\nimport <%= upperFirst(compItem.variableName) %> from \"/src/libraries/<%= compItem.materialName %>@<%= compItem.materialVersion %>/components/<%= compItem.name %>\";\n<% }}) %>\n\n// Import Actions\n<% useActions.forEach(action => {%>\n<% if(isSandbox) { %>\nconst <%= action.variableName %> = window[\"@weapps-materials-main-<%= action.materialName %>\"].actions[\"<%= action.name %>\"];\n<% } else { %>\nimport <%= action.variableName %> from \"/src/libraries/<%= action.materialName %>@<%= action.materialVersion %>/actions/<%= action.name %>\";\n<% }}) %>\n\nconst virtualFields = {\n  <% useComponents.forEach(compItem => {%>\n  <% if(compItem.isPlainProps) { %>\n  '<%= compItem.materialName %>:<%= compItem.name %>': (props) => <<%= upperFirst(compItem.variableName) %> {...resolveComponentProps(props, 1)} pageVirtualFields={virtualFields}/>,\n  <% } else { %>\n  '<%= compItem.materialName %>:<%= compItem.name %>': (props) => <<%= upperFirst(compItem.variableName) %> {...resolveComponentProps(props, 0)} pageVirtualFields={virtualFields}/>,\n  <% }}) %>\n};\n\n// Init\nexport default function App() {\n  // 检查权限\n  // const [weDaHasLogin, setWeDaHasLogin] = React.useState(false);\n\n  // 兼容 this.state / $page.state 两种模式\n  const pageCodeContext = createPageApi()\n  const $page = pageCodeContext\n  Object.defineProperty(pageCodeContext, '$page', {\n    get() {\n      return pageCodeContext\n    }\n  })\n\n  const widgetsContext = <%= widgets %>;\n  const dataBinds = $page._dataBinds = <%= dataBinds %>;\n  const componentSchema = <%= componentSchema %>;\n\n  Object.assign($page, {\n    id:'<%= pageName %>',\n    state: observable(initPageState),\n    computed: createComputed(computed, pageCodeContext),\n    handler: bindFuncObj(handler, pageCodeContext)\n  })\n  let dataset = createDataset('<%= pageName %>', {app, $page: pageCodeContext})\n  $page.dataset = dataset\n  $page.state.dataset = dataset\n  $page.setState = (userSetState) => {\n    Object.keys(userSetState).forEach((keyPath) => {\n      app.utils.set($page.dataset.state, keyPath, userSetState[keyPath]);\n    });\n  };\n\n  $page.widgets = createWidgets(widgetsContext, dataBinds)\n  // widgets 内的 dataBinds 可能需要关联 widgets，需要重新执行 dataBinds\n  retryDataBinds()\n\n  // Web 环境页面级别生命周期\n  React.useEffect(() => {\n    document.title = \"<%= title %>\";\n    initWatchMethods(pageCodeContext)\n    /*checkAuth(app, app.id, '<%= pageName %>').then((checkAuthResult) =>\n      setWeDaHasLogin(checkAuthResult)\n    );*/\n  }, [])\n\n  pageLifeCycleMount(\n    React.useEffect,\n    {\n      ...PageLifeCycle,\n      beforePageCustomLaunch: (query) => {\n        EXTRA_API.setParams('<%= pageName %>', query || {})\n        createStateDataSourceVar('<%= pageName %>', generateParamsParser({ app, $page: pageCodeContext }))\n      },\n    },\n    app,\n    pageCodeContext\n  )\n  // 切换页面滚动到顶部\n  useScrollTop()\n  return (\n    <div className=\"weapps-page weapps-page-<%= pageClass %>\">\n      <AppRender\n        virtualFields={virtualFields}\n        componentSchema={componentSchema}\n        codeContext={pageCodeContext}\n      />\n    </div>\n  );\n\n  function initWatchMethods(pageContext) {\n    const { watch = {}, watchState = {}, watchWidget = {}, watchEffects = {}} = pageAPI\n\n\n    // # watch effect\n    const watchEffectDisposers = Object.keys(watchEffects).map(fnName => {\n      return autorun(watchEffects[fnName].bind(pageContext))\n    })\n    const disposers = watchEffectDisposers\n\n    // # watch state\n    Object.keys(watchState).map(key => runWatcher(parseWatcher(watchState[key]), pageContext.state, key, 'watchState'))\n\n    // # watch widgets\n    Object.keys(watchWidget).map(key => runWatcher(parseWatcher(watchWidget[key]), pageContext.widgets, key, 'watchWidgets'))\n\n    function runWatcher({ handler, immediate } = {}, target, key, label) {\n      if (!handler) {\n        console.error(`Invalid ${label}(${key}) of ${pageContext.node.widgetType}, watch must a function or {handler: function}`)\n        return\n      }\n      const disposer = reaction(() => get(target, key), handler.bind(pageContext), { fireImmediately: immediate })\n      disposers.push(disposer)\n    }\n  }\n}\n\nfunction parseWatcher(watcher) {\n  if (!watcher) return\n  if (watcher instanceof Function) {\n    return { handler: watcher, immediate: false }\n  }\n  const { handler, immediate = false } = watcher\n  if (!(handler instanceof Function)) return\n  return { handler, immediate }\n}\n"
+        "code": "// Import Libs and Handlers\nimport * as React from 'react'\nimport { observable, autorun, reaction } from 'mobx'\nimport { observer } from \"mobx-react-lite\";\nimport get from 'lodash.get'\nimport { app } from '../../app/global-api' // 取对应子包app\nimport '../../utils/initGlobalVar'\nimport { AppRender } from '/src/handlers/RenderWrapper'\nimport { createDataset, createStateDataSourceVar, generateParamsParser, EXTRA_API } from '../../datasources'\nimport { createComputed, createWidgets, retryDataBinds, bindFuncObj, resolveComponentProps } from '/src/utils/index'\nimport { pageLifeCycleMount } from '/src/utils/lifecycle'\nimport { useScrollTop } from '/src/utils/hooks'\nimport PageLifeCycle from '../../lowcode/<%= pageName %>/lifecycle'\nimport initPageState from '../../lowcode/<%= pageName %>/state'\nimport computed from '../../lowcode/<%= pageName %>/computed'\nimport pageAPI from '../../lowcode/<%= pageName %>/index';\nimport { $$_<%= pageName %> as handler } from '../../app/handlers'\nimport { createPageApi } from '/src/app/global-api' // 取主包app\n\nimport '../../lowcode/<%= pageName %>/style.css'\n\n// Import Components\n<% useComponents.forEach(compItem => {%>\n<% if(isSandbox) { %>\nconst <%= upperFirst(compItem.variableName) %> = window[\"@weapps-materials-main-<%= compItem.materialName %>\"].components[\"<%= compItem.name %>\"];\n<% } else if(!isSandbox) { %>\nimport <%= upperFirst(compItem.variableName) %> from \"/src/libraries/<%= compItem.materialName %>@<%= compItem.materialVersion %>/components/<%= compItem.name %>\";\n<% }}) %>\n\n// Import Actions\n<% useActions.forEach(action => {%>\n<% if(isSandbox) { %>\nconst <%= action.variableName %> = window[\"@weapps-materials-main-<%= action.materialName %>\"].actions[\"<%= action.name %>\"];\n<% } else { %>\nimport <%= action.variableName %> from \"/src/libraries/<%= action.materialName %>@<%= action.materialVersion %>/actions/<%= action.name %>\";\n<% }}) %>\n\nconst virtualFields = {\n  <% useComponents.forEach(compItem => {%>\n  <% if(compItem.isPlainProps) { %>\n  '<%= compItem.materialName %>:<%= compItem.name %>': (props) => <<%= upperFirst(compItem.variableName) %> {...resolveComponentProps(props, 1)} pageVirtualFields={virtualFields}/>,\n  <% } else { %>\n  '<%= compItem.materialName %>:<%= compItem.name %>': (props) => <<%= upperFirst(compItem.variableName) %> {...resolveComponentProps(props, 0)} pageVirtualFields={virtualFields}/>,\n  <% }}) %>\n};\n\n// Init\nexport default function App() {\n  // 检查权限\n  // const [weDaHasLogin, setWeDaHasLogin] = React.useState(false);\n\n  // 兼容 this.state / $page.state 两种模式\n  const pageCodeContext = createPageApi()\n  const $page = pageCodeContext\n  Object.defineProperty(pageCodeContext, '$page', {\n    get() {\n      return pageCodeContext\n    }\n  })\n\n  const widgetsContext = <%= widgets %>;\n  const dataBinds = $page._dataBinds = <%= dataBinds %>;\n  const componentSchema = <%= componentSchema %>;\n\n  Object.assign($page, {\n    id:'<%= pageName %>',\n    state: observable(initPageState),\n    computed: createComputed(computed, pageCodeContext),\n    handler: bindFuncObj(handler, pageCodeContext)\n  })\n  let dataset = createDataset('<%= pageName %>', {app, $page: pageCodeContext})\n  $page.dataset = dataset\n  $page.state.dataset = dataset\n  $page.setState = (userSetState) => {\n    Object.keys(userSetState).forEach((keyPath) => {\n      app.utils.set($page.dataset.state, keyPath, userSetState[keyPath]);\n    });\n  };\n\n  $page.widgets = createWidgets(widgetsContext, dataBinds)\n  // widgets 内的 dataBinds 可能需要关联 widgets，需要重新执行 dataBinds\n  retryDataBinds()\n\n  // Web 环境页面级别生命周期\n  React.useEffect(() => {\n    document.title = \"<%= title %>\";\n    initWatchMethods(pageCodeContext)\n    /*checkAuth(app, app.id, '<%= pageName %>').then((checkAuthResult) =>\n      setWeDaHasLogin(checkAuthResult)\n    );*/\n  }, [])\n\n  pageLifeCycleMount(\n    React.useEffect,\n    {\n      ...PageLifeCycle,\n      beforePageCustomLaunch: (query) => {\n        EXTRA_API.setParams('<%= pageName %>', query || {})\n        createStateDataSourceVar('<%= pageName %>', generateParamsParser({ app, $page: pageCodeContext }))\n      },\n    },\n    app,\n    pageCodeContext\n  )\n  // 切换页面滚动到顶部\n  useScrollTop()\n  return (\n    <div className=\"weapps-page weapps-page-<%= pageClass %>\">\n      <style\n        type=\"text/css\"\n        dangerouslySetInnerHTML={{\n          __html: `<%= pageStyleText %>`,\n        }}\n      />\n      <AppRender\n        virtualFields={virtualFields}\n        componentSchema={componentSchema}\n        codeContext={pageCodeContext}\n      />\n    </div>\n  );\n\n  function initWatchMethods(pageContext) {\n    const { watch = {}, watchState = {}, watchWidget = {}, watchEffects = {}} = pageAPI\n\n\n    // # watch effect\n    const watchEffectDisposers = Object.keys(watchEffects).map(fnName => {\n      return autorun(watchEffects[fnName].bind(pageContext))\n    })\n    const disposers = watchEffectDisposers\n\n    // # watch state\n    Object.keys(watchState).map(key => runWatcher(parseWatcher(watchState[key]), pageContext.state, key, 'watchState'))\n\n    // # watch widgets\n    Object.keys(watchWidget).map(key => runWatcher(parseWatcher(watchWidget[key]), pageContext.widgets, key, 'watchWidgets'))\n\n    function runWatcher({ handler, immediate } = {}, target, key, label) {\n      if (!handler) {\n        console.error(`Invalid ${label}(${key}) of ${pageContext.node.widgetType}, watch must a function or {handler: function}`)\n        return\n      }\n      const disposer = reaction(() => get(target, key), handler.bind(pageContext), { fireImmediately: immediate })\n      disposers.push(disposer)\n    }\n  }\n}\n\nfunction parseWatcher(watcher) {\n  if (!watcher) return\n  if (watcher instanceof Function) {\n    return { handler: watcher, immediate: false }\n  }\n  const { handler, immediate = false } = watcher\n  if (!(handler instanceof Function)) return\n  return { handler, immediate }\n}\n"
     },
     "/src/pages/composite.tpl": {
         "code": "import * as React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { observable, autorun, reaction, runInAction } from \"mobx\";\nimport { AppRender } from \"/src/handlers/RenderWrapper\";\nimport { createWidgets, retryDataBinds, WidgetsContext, bindFuncObj, createComputed, resolveComponentProps} from '/src/utils/index'\nimport getStateFn from \"./lowcode/state.js\";\nimport computed from \"./lowcode/computed.js\";\nimport lifecycle from \"./lowcode/lifecycle.js\";\n// import i18n from '@tcwd/weapps-sdk/lib/i18n'\n<% if(isSandbox) { %>\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { createErrorFallback } from '/src/utils/error'\n<% } %>\nimport componentAPI from './lowcode/index';\nimport get from 'lodash.get'\n\n<% handlersImports.forEach(handler => { %>\nimport handler$<%= handler.name %> from \"./lowcode/handler/<%= handler.name %>.js\";\n<% }) %>\n\n// Import Components outof sandbox\n<% useComponents.forEach(compItem => {%>\n<% if(!isSandbox && compItem.isComposite){ %>\nimport <%= compItem.var %> from \"/src/libraries/<%= compItem.moduleName %>@<%= compItem.version %>/components/<%= compItem.name %>\";\n<% } else if(!isSandbox) { %>\nconst <%= compItem.var %> = window[\"@weapps-materials-main-<%= compItem.moduleName %>\"].components[\"<%= compItem.name %>\"];\n<% } %>\n<%}) %>\n\nimport * as constObj from '../../libCommonRes/const'\nimport * as toolsObj from '../../libCommonRes/tools'\n\nimport \"./lowcode/style.css\";\n\nconst libCode = '<%= materialName %>'\n\nclass CompositeCompWrapper extends React.Component {\n\n  $WEAPPS_COMP = {}\n\n  componentDidUpdate() {\n    runInAction(() => {\n      const { data } = this.props\n      for(let prop in data) {\n        // 更新 propsData\n        if (typeof data[prop] !== 'function') {\n          this.propsData[prop] = data[prop]\n        }\n      }\n    })\n  }\n\n\n  constructor(props) {\n    super(props);\n\n    this.compConfig = <%= JSON.stringify(compConfig, null, 2) %>\n\n    // Import Components in sandbox\n    <% useComponents.forEach(compItem => {%>\n    <% if(isSandbox){ %>\n    const <%= compItem.var %> = window[\"@weapps-materials-main-<%= compItem.moduleName %>\"].components[\"<%= compItem.name %>\"];\n    <% } %>\n    <%}) %>\n\n    this.virtualFields = Object.assign({}, props.pageVirtualFields || {}, {\n    <% useComponents.forEach(compItem => {%>\n      \"<%= compItem.key %>\": <% if(compItem.isPlainProps) {%> (props) => <<%= compItem.var %> {...resolveComponentProps(props, 1)} /> <% } else {%>  (props) => <<%= compItem.var %>{...resolveComponentProps(props, 0)} />  <% }%>,\n    <%}) %>\n    });\n\n    // 挂载给到 $comp.props.events 使用\n    this.events = (<%= emitEvents %>).reduce((obj, trigger) => {\n      obj[trigger] = (eventData, domEvent) => {\n        this.props.emit(trigger, eventData, domEvent);\n        this.node._listeners && this.node._listeners.emit(trigger, eventData, domEvent)\n      };\n      return obj;\n    }, {});\n    this.handler = this.$WEAPPS_COMP.handler = {\n      <% handlersImports.forEach(handler => { %>\n      <%= handler.name %>: handler$<%= handler.name %>.bind(this),\n      <% }) %>\n    };\n    const widgetContext = <%= widgets %>\n    const dataBinds = this._dataBinds = <%= dataBinds %>\n    this.componentSchema = <%= componentSchema %>;\n\n    const defaultProps = <%= JSON.stringify(defaultProps, null, 2) %>\n    this.propsData = observable(Object.assign({}, defaultProps, this.props.data || {}))\n    this.$WEAPPS_COMP.lib = { const: constObj, tools: toolsObj }\n    /*\n    this.i18n = this.$WEAPPS_COMP.i18n = {\n      ...i18n,\n      t (key, data) {\n        return i18n.t(libCode + ':' + key, data)\n      },\n    }\n    */\n    this.$WEAPPS_COMP.props = { ...this.props, events: this.events, data: this.propsData }\n\n    this.state = this.$WEAPPS_COMP.state = observable(getStateFn.bind(this)())\n    this.computed = this.$WEAPPS_COMP.computed = createComputed(computed, this)\n    this.node = this.$WEAPPS_COMP.node = this.createWidgetNode(this) || {}\n    this.initPublicMethods()\n\n    this.widgets = this.$WEAPPS_COMP.widgets = createWidgets(widgetContext, dataBinds)\n    // widgets 内的 dataBinds 可能需要关联 widgets，需要重新执行 dataBinds\n    retryDataBinds()\n    Object.keys(this.widgets || {}).forEach(widgetId => {\n      // 将实例 ownerWidget 挂到内部组件上。内部组件就可以通过 $comp.node.ownerWidget 获取到所在的组件实例\n      const node = this.widgets[widgetId]\n      if (Array.isArray(node)) {\n        node.forEach(item => {\n          item.ownerWidget = this.node;\n          item.getOwnerWidget = () => this.node;\n        })\n      }\n      else {\n        node.ownerWidget = this.node\n        node.getOwnerWidget = () => this.node\n      }\n      // this.widgets[widgetId].ownerWidget = this.node\n      // this.widgets[widgetId].getOwnerWidget = () => this.node\n    })\n\n    this.pageListenerInstances = [];\n    this.createCompAPI(this)\n  }\n\n  // publicMthods 挂载内部，使用 $comp.api。挂载到外部使用 $comp.node.api\n  initPublicMethods() {\n    const publicMethods = componentAPI.publicMethods || {}\n    Object.keys(publicMethods).map(fnName => {\n      const bindFunc = publicMethods[fnName].bind(this)\n      this[fnName] = bindFunc\n      this.$WEAPPS_COMP[fnName] = bindFunc\n      if(this.node) this.node[fnName] = bindFunc\n    })\n  }\n\n  // 创建自身节点\n  createWidgetNode(compThis) {\n    // 当为数组时，需要判断自己属于 widgets 的哪一项\n    const {\n      compositeParent,\n      forIndexes,\n      id\n    } = compThis.props\n    let widgetData = compositeParent.$WEAPPS_COMP\n      ? compositeParent.$WEAPPS_COMP.widgets[id]\n      : compositeParent.$page.widgets[id]\n    if(Array.isArray(widgetData)) {\n      widgetData = widgetData.length > 0 ? get(widgetData, forIndexes) : {}\n    }\n    widgetData = widgetData || {}\n    Object.assign(widgetData, {\n      getConfig: () => compThis.compConfig,\n    }, bindFuncObj(componentAPI.publicMethods || {}, compThis)\n    )\n\n    return widgetData\n  }\n\n  createCompAPI(compThis) {\n    compThis.$WEAPPS_COMP = {\n      _dataBinds: compThis._dataBinds,\n      compConfig: compThis.compConfig,\n      widgets: compThis.widgets,\n      node: compThis.node,\n      handler: compThis.handler,\n      lib: { const: constObj, tools: toolsObj },\n      // i18n: compThis.i18n,\n      get props() {\n        return {...compThis.props, events: compThis.events, data: compThis.propsData }\n      },\n      get state() {\n        return compThis.state\n      },\n      get computed() {\n        return compThis.computed\n      },\n    };\n  }\n\n  initWatchMethods() {\n    const { watch = {}, watchState = {}, watchWidget = {}, watchEffects = {}} = componentAPI\n    const _this = this\n    const weappInst = _this.$WEAPPS_COMP\n\n    // # watch effect\n    this.watchEffectDisposers = Object.keys(watchEffects).map(fnName => {\n      return autorun(watchEffects[fnName].bind(this))\n    })\n    const disposers = this.watchEffectDisposers\n\n    // # watch props\n    Object.keys(watch).map(key => runWatcher(parseWatcher(watch[key]), weappInst.props.data, key, 'watch'))\n\n    // # watch state\n    Object.keys(watchState).map(key => runWatcher(parseWatcher(watchState[key]), weappInst.state, key, 'watchState'))\n\n    // # watch widgets\n    Object.keys(watchWidget).map(key => runWatcher(parseWatcher(watchWidget[key]), weappInst.widgets, key, 'watchWidgets'))\n\n    function runWatcher({ handler, immediate } = {}, target, key, label) {\n      if (!handler) {\n        console.error(`Invalid ${label}(${key}) of ${weappInst.node.widgetType}, watch must a function or {handler: function}`)\n        return\n      }\n      const disposer = reaction(() => get(target, key), handler.bind(_this), { fireImmediately: immediate })\n      disposers.push(disposer)\n    }\n  }\n\n  componentDidMount() {\n    this.initPublicMethods()\n    this.initWatchMethods()\n\n    lifecycle.onAttached && lifecycle.onAttached.bind(this)()\n    lifecycle.onReady && lifecycle.onReady.bind(this)()\n  }\n\n  componentWillUnmount() {\n    if(this.watchEffectDisposers) {\n      this.watchEffectDisposers.forEach(disposer => disposer())\n      this.watchEffectDisposers = null\n    }\n    this.node._listeners && this.node._listeners.clear()\n    lifecycle.onDetached && lifecycle.onDetached.bind(this)()\n  }\n\n  render() {\n    return (\n      <WidgetsContext.Provider value={{ parent: this }}>\n        <AppRender\n          className={this.props.className}\n          virtualFields={this.virtualFields}\n          componentSchema={this.componentSchema}\n          codeContext={this}\n        />\n      </WidgetsContext.Provider>\n    );\n  }\n}\n\nCompositeCompWrapper.contextType = WidgetsContext\n\nexport default observer((props) => (\n  <% if(isSandbox) { %>\n  <ErrorBoundary FallbackComponent={createErrorFallback('<%= name %>', '<%= id %>')}>\n  <% } %>\n    <CompositeCompWrapper {...props}></CompositeCompWrapper>\n  <% if(isSandbox) { %>\n  </ErrorBoundary>\n  <% } %>\n));\n\nfunction parseWatcher(watcher) {\n  if (!watcher) return\n  if (watcher instanceof Function) {\n    return { handler: watcher, immediate: false }\n  }\n  const { handler, immediate = false } = watcher\n  if (!(handler instanceof Function)) return\n  return { handler, immediate }\n}\n"
@@ -50,7 +50,7 @@ exports.default = {
         "code": "import { observable } from 'mobx';\nimport initState from '../lowcode/state';\n\nconst globalState = observable(initState);\nexport default globalState;\n"
     },
     "/src/utils/actionHandler.js": {
-        "code": "import { resolveDataBinds } from './common';\nimport lodashSet from 'lodash.set';\n\nconst DEFAULT_MAX_TIMEOUT = 10 * 1000;\n\nexport function getMetaInfoBySourceKey(sourceKey) {\n  const [materialName, name] = sourceKey.split(':');\n  return {\n    materialName,\n    name,\n  };\n}\n\nexport function emitEvent(trigger, listeners = [], args, scopeContext = {}) {\n  const targetListeners = listeners.filter((l) => l.trigger === trigger);\n  targetListeners.forEach(async (listener) => {\n    // 当前非捕获Event，再判断冒泡行为\n    if (!args?.event?.detail?.isCapturePhase && listener.noPropagation) {\n      args?.domEvent?.stopPropagation && args?.domEvent?.stopPropagation();\n    }\n\n    // 判断捕获的执行，只有执行的捕获与配置的捕获一致时。才会执行。\n    if (\n      (listener?.isCapturePhase || false) ===\n      (args?.customEventData?.detail?.isCapturePhase || false)\n    ) {\n      try {\n        const res = await invokeListener(listener, args, scopeContext);\n        const eventName = `${listener.key}.success`;\n        const event = {\n          detail: {\n            value: res,\n            origin: args.event,\n            isCapturePhase: !!args.event?.isCapturePhase,\n          },\n          name: eventName,\n        };\n        emitEvent(\n          eventName,\n          listeners,\n          {\n            ...args,\n            event,\n            customEventData: event,\n          },\n          scopeContext\n        );\n      } catch (e) {\n        const eventName = `${listener.key}.fail`;\n        const event = {\n          detail: {\n            value: e,\n            origin: args.event,\n            isCapturePhase: !!args.event?.isCapturePhase,\n          },\n          name: eventName,\n        };\n        emitEvent(\n          eventName,\n          listeners,\n          {\n            ...args,\n            event,\n            customEventData: event,\n          },\n          scopeContext\n        );\n        // 之前 invoke 内部catch 了错误，不会抛错\n        // throw e\n      }\n    }\n  });\n}\n\nfunction invokeListener(\n  { instanceFunction, data = {}, dataBinds = {} },\n  args,\n  scopeContext\n) {\n  // ToDo resolve databinds\n  const action = instanceFunction;\n  const resolvedData = {\n    ...data,\n  };\n  const resolvedDataBinds = resolveDataBinds(\n    dataBinds,\n    args.forItems,\n    { event: args.event },\n    scopeContext,\n    true\n  );\n\n  // eslint-disable-next-line no-restricted-syntax\n  for (const key in resolvedDataBinds) {\n    if (\n      resolvedDataBinds[key] &&\n      resolvedDataBinds[key].__type === 'scopedValue'\n    ) {\n      try {\n        lodashSet(\n          resolvedData,\n          key,\n          resolvedDataBinds[key].getValue(scopeContext)\n        );\n      } catch (e) {\n        lodashSet(resolvedData, key, '');\n      }\n    } else {\n      lodashSet(resolvedData, key, resolvedDataBinds[key]);\n    }\n  }\n  const params = {\n    data: resolvedData,\n    ...args,\n  };\n\n  return action(params);\n}\n"
+        "code": "import { resolveDataBinds } from './common';\nimport lodashSet from 'lodash.set';\n\nconst DEFAULT_MAX_TIMEOUT = 10 * 1000;\n\nexport function getMetaInfoBySourceKey(sourceKey) {\n  const [materialName, name] = sourceKey.split(':');\n  return {\n    materialName,\n    name,\n  };\n}\n\nexport function emitEvent(trigger, listeners = [], args, scopeContext = {}) {\n  const targetListeners = listeners.filter((l) => l.trigger === trigger);\n  targetListeners.forEach(async (listener) => {\n    // 当前非捕获Event，再判断冒泡行为\n    if (!args?.event?.detail?.isCapturePhase && listener.noPropagation) {\n      args?.domEvent?.stopPropagation && args?.domEvent?.stopPropagation();\n    }\n\n    // 判断捕获的执行，只有执行的捕获与配置的捕获一致时。才会执行。\n    if (\n      (listener?.isCapturePhase || false) ===\n      (args?.customEventData?.detail?.isCapturePhase || false)\n    ) {\n      try {\n        const res = await invokeListener(listener, args, scopeContext);\n        const eventName = `${listener.key}.success`;\n        const event = {\n          detail: {\n            value: res,\n            origin: args.event,\n            isCapturePhase: !!args.event?.isCapturePhase,\n          },\n          name: eventName,\n        };\n        emitEvent(\n          eventName,\n          listeners,\n          {\n            ...args,\n            event,\n            customEventData: event,\n          },\n          scopeContext\n        );\n      } catch (e) {\n        const eventName = `${listener.key}.fail`;\n        const event = {\n          detail: {\n            value: e,\n            origin: args.event,\n            isCapturePhase: !!args.event?.isCapturePhase,\n          },\n          name: eventName,\n        };\n        emitEvent(\n          eventName,\n          listeners,\n          {\n            ...args,\n            event,\n            customEventData: event,\n          },\n          scopeContext\n        );\n        // 之前 invoke 内部catch 了错误，不会抛错\n        // throw e\n        console.error(`Action error: [${listener.trigger}]`, e);\n      }\n    }\n  });\n}\n\nfunction invokeListener(\n  { instanceFunction, data = {}, dataBinds = {} },\n  args,\n  scopeContext\n) {\n  // ToDo resolve databinds\n  const action = instanceFunction;\n  const resolvedData = {\n    ...data,\n  };\n  const resolvedDataBinds = resolveDataBinds(\n    dataBinds,\n    args.forItems,\n    { event: args.event },\n    scopeContext,\n    true\n  );\n\n  // eslint-disable-next-line no-restricted-syntax\n  for (const key in resolvedDataBinds) {\n    if (\n      resolvedDataBinds[key] &&\n      resolvedDataBinds[key].__type === 'scopedValue'\n    ) {\n      try {\n        lodashSet(\n          resolvedData,\n          key,\n          resolvedDataBinds[key].getValue(scopeContext)\n        );\n      } catch (e) {\n        lodashSet(resolvedData, key, '');\n      }\n    } else {\n      lodashSet(resolvedData, key, resolvedDataBinds[key]);\n    }\n  }\n  const params = {\n    data: resolvedData,\n    ...args,\n  };\n\n  return action(params);\n}\n"
     },
     "/src/utils/common.js": {
         "code": "/**\n * All data bindings are generated as functions: (forItems) => any\n * @param {*} dataBinds\n * @param {*} forItems\n */\nimport { app } from '../app/global-api';\nexport function resolveDataBinds(\n  dataBinds,\n  forItems,\n  codeContext,\n  scopeContext,\n  throwError\n) {\n  const resolvedProps = {};\n  for (const prop in dataBinds) {\n    let fn = dataBinds[prop];\n    try {\n      if (codeContext && codeContext.$WEAPPS_COMP) {\n        fn = fn.bind(codeContext.$WEAPPS_COMP);\n      }\n      resolvedProps[prop] = fn(\n        forItems,\n        codeContext && codeContext.event,\n        scopeContext\n      );\n    } catch (e) {\n      console.error('Error resolving data binding', prop, dataBinds[prop], e);\n      if (throwError) {\n        throw e;\n      }\n    }\n  }\n  return resolvedProps;\n}\n\n/**\n * 对函数进行批量绑定\n * @param {*} funcObj\n * @param {*} context\n */\nexport function bindFuncObj(funcObj = {}, context) {\n  return Object.keys(funcObj).reduce((obj, fnName) => {\n    obj[fnName] = funcObj[fnName].bind(context);\n    return obj;\n  }, {});\n}\n\nexport function kebabCase(str) {\n  return str.replace(KEBAB_REGEX, function (match) {\n    return '-' + match.toLowerCase();\n  });\n}\n\nexport function camelcase(str, firstUpperCase = false) {\n  str = str.replace(/[_-]([a-z])/g, function (l) {\n    return l[1].toUpperCase();\n  });\n\n  if (firstUpperCase) str = str.charAt(0).toUpperCase() + str.slice(1);\n\n  return str;\n}\n\nexport const isEmptyObj = (obj) => {\n  if (!isPlainObject(obj)) {\n    return false;\n  }\n  for (const i in obj) {\n    if (Object.prototype.hasOwnProperty.call(obj, i)) {\n      return false;\n    }\n  }\n  return true;\n};\n\nexport function isPlainObject(src) {\n  return Object.prototype.toString.call(src) === '[object Object]';\n}\n\n/**\n * 用于处理自定义组件props传参结构，对系统变量进行保留\n */\nexport function resolveComponentProps(props, isPlainProps) {\n  const { staticResourceAttribute } = props;\n  staticResourceAttribute &&\n    staticResourceAttribute.map((property) => {\n      if (props.data && props.data[property]) {\n        props.data[property] = getStaticResourceAttribute(props.data[property]);\n      }\n    });\n  if (!isPlainProps) {\n    return {\n      ...props,\n    };\n  }\n  const { data = {}, events = [], ...restProps } = props;\n  const customProps = { ...data };\n  const builtinProps = [\n    // react 保留字\n    'ref',\n    'key',\n    'dangerouslySetInnerHTML',\n    'className',\n    'htmlFor',\n    'style',\n    'contentEditable',\n    // lowcode 保留字\n    'events',\n    'children',\n    '_parentId',\n    '_visible',\n    'classList',\n    'widgetType',\n    'getWidgetsByType',\n    'getDom',\n    'domRef',\n    'extends',\n    // 小程序保留字\n    'id',\n    'class',\n    'hidden',\n    'slot',\n  ];\n  // delete builtin props\n  builtinProps.map((prop) => delete customProps[prop]);\n  return {\n    ...data,\n    ...restProps,\n    events: new Proxy(\n      events.reduce((events, item) => {\n        const propName = item;\n        events[propName] = (e) => restProps.emit(propName, e);\n        return events;\n      }, {}),\n      {\n        get(obj, prop) {\n          return prop in obj ? obj[prop] : (e) => restProps.emit(prop, e);\n        },\n      }\n    ),\n  };\n}\n\nconst SCOPE_SLOT_COMPONENT_LIB = ['tea_basis', 'tea_shop', 'crm_basis'];\n\nconst SCOPE_SLOT_MAP = SCOPE_SLOT_COMPONENT_LIB.reduce((map, lib) => {\n  map[`${lib}:TableMatching`] = {\n    headerSlot: true,\n    recordSlot: true,\n  };\n\n  map[`${lib}:TableExpanded`] = {\n    headerSlot: true,\n    recordSlot: true,\n  };\n\n  map[`${lib}:TabsTable`] = {\n    headerSlot: true,\n    recordSlot: true,\n  };\n\n  map[`${lib}:Table`] = {\n    headerSlot: true,\n    recordSlot: true,\n  };\n\n  return map;\n}, {});\n\nexport function isScopeSlot(comp, slot) {\n  const { 'x-props': xProps } = comp;\n  const sourceKey = xProps && xProps.sourceKey;\n  const map = SCOPE_SLOT_MAP[sourceKey];\n  return map && map[slot];\n}\n\nexport function getStaticResourceAttribute(staticUrl) {\n  if (/^\\//.test(staticUrl)) {\n    const { domain = '' } = app;\n    const url = `https://${domain}${staticUrl}`;\n    return url;\n  }\n  return staticUrl;\n}\n/**\n * 检查页面权限\n **/\nexport async function checkAuth(app, appId, pageId) {\n  app.showNavigationBarLoading();\n  const checkAuthResult = await app.cloud.checkAuth({\n    type: 'app',\n    extResourceId: `${appId}-${pageId}`,\n  });\n  let isLogin = false;\n  if (Array.isArray(checkAuthResult) && checkAuthResult.length > 0) {\n    isLogin = checkAuthResult[0]?.IsAccess ?? false;\n  }\n  app.hideNavigationBarLoading();\n\n  if (!isLogin) {\n    app.showToast({\n      title: '页面无访问权限',\n      icon: 'error',\n    });\n  }\n  return isLogin;\n}\n"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/framework-plugin-low-code",
-  "version": "0.4.44",
+  "version": "0.4.45",
   "description": "云开发 Tencent CloudBase Framework Low Code Plugin，将低码配置生成完整项目并一键部署云开发资源。",
   "author": "yhsunshining@gmail.com",
   "homepage": "https://github.com/TencentCloudBase/cloudbase-framework#readme",

package/template/generator/utils/actionHandler.js

@@ -67,6 +67,7 @@ export function emitEvent(trigger, listeners = [], args, scopeContext = {}) {
         );
         // 之前 invoke 内部catch 了错误，不会抛错
         // throw e
+        console.error(`Action error: [${listener.trigger}]`, e);
       }
     }
   });

package/template/html/index.html.ejs

@@ -430,11 +430,10 @@
       }
     </script>
     <script
-      src="//cdnjs.cloudflare.com/ajax/libs/mobx/5.15.7/mobx.umd.js"
-      integrity="sha512-eVSAFJAkqn7381lHvfGgHKrZWDr75+Do7qZdD0kfFz/4Eq5hntLp/IS66l85BGClN1oYxLwd4G/bxrgIIvedag=="
+      src="//qbase.cdn-go.cn/lcap/lcap-resource-cdngo/-/0.1.2/_url/ajax/libs/mobx/5.15.7/mobx.umd.js"
       crossorigin="anonymous"
     ></script>
-    <script src="//unpkg.com/@cloudbase/weda-cloud-sdk@stable/dist/h5.browser.js"></script>
-    <script src="//cdn.jsdelivr.net/npm/@zxing/library@0.18.6/umd/index.min.js"></script>
+    <script src="//qbase.cdn-go.cn/lcap/lcap-resource-cdngo/-/0.1.2/_npm/@cloudbase/weda-cloud-sdk@latest/dist/h5.browser.js"></script>
+    <script src="//qbase.cdn-go.cn/lcap/lcap-resource-cdngo/-/0.1.2/_url/npm/@zxing/library@0.18.6/umd/index.min.js"></script>
   </body>
 </html>

package/template/node_modules/@zxing/library/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 ZXing for JS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/template/node_modules/@zxing/library/README.md

@@ -0,0 +1,121 @@
+[<img align="right" src="https://raw.github.com/wiki/zxing/zxing/zxing-logo.png"/>][1]
+
+# ZXing
+
+### Runs on your favorite ECMAScript ecosystem
+
+> If it doesn't, we gonna make it.
+
+## What is ZXing?
+
+> [ZXing][1] ("zebra crossing") is an open-source, multi-format 1D/2D barcode image processing library implemented in Java, with ports to other languages.
+
+## Supported Formats
+
+> See [Projects](https://github.com/zxing-js/library/projects) and [Milestones](https://github.com/zxing-js/library/milestones) for what is currently done and what's planned next. 👀
+
+| 1D product | 1D industrial       | 2D             |
+| ---------- | ------------------- | -------------- |
+| UPC-A      | Code 39             | QR Code        |
+| UPC-E      | ~~Code 93~~         | Data Matrix    |
+| EAN-8      | Code 128            | Aztec          |
+| EAN-13     | ~~Codabar~~         | PDF 417        |
+|            | ITF                 | ~~MaxiCode~~   |
+|            | RSS-14              |
+|            | ~~RSS-Expanded~~ \* |
+
+**\*** In progress, may have open PR.
+
+## Status
+
+[![Build Status](https://travis-ci.org/zxing-js/library.svg?branch=master)](https://travis-ci.org/zxing-js/library)
+![Dependencies](https://david-dm.org/zxing-js/library.svg)
+[![Greenkeeper badge](https://badges.greenkeeper.io/zxing-js/library.svg)](https://greenkeeper.io/)
+
+[![NPM version](https://img.shields.io/npm/v/@zxing/library.svg?&label=npm)][0]
+[![npm](https://img.shields.io/npm/dm/localeval.svg)][0]
+[![Contributors](https://img.shields.io/github/contributors/zxing-js/library.svg)](https://github.com/zxing-js/library/graphs/contributors)
+[![Commits to deploy](https://img.shields.io/github/commits-since/zxing-js/library/master.svg?label=commits%20to%20deploy)](https://github.com/zxing-js/library/compare/master...develop)
+
+[![Codacy Badge](https://api.codacy.com/project/badge/Grade/9aaa5317fcc740af9f25b3c7f832aa1d)](https://www.codacy.com/app/zxing/library?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=zxing-js/library&amp;utm_campaign=Badge_Grade)
+[![Maintainability](https://api.codeclimate.com/v1/badges/2b9c6ae92412ee8e15a9/maintainability)](https://codeclimate.com/github/zxing-js/library/maintainability)
+[![Test Coverage](https://api.codeclimate.com/v1/badges/2b9c6ae92412ee8e15a9/test_coverage)](https://codeclimate.com/github/zxing-js/library/test_coverage)
+[![BCH compliance](https://bettercodehub.com/edge/badge/zxing-js/library?branch=master)](https://bettercodehub.com/)
+
+## Demo
+
+See [Live Preview](https://zxing-js.github.io/library/) in browser.
+
+**Note:** All the examples are using ES6, be sure is supported in your browser or modify as needed, Chrome recommended.
+
+## Installation
+
+`npm i @zxing/library --save`
+
+or
+
+`yarn add @zxing/library`
+
+## Limitations
+
+On iOS-Devices **with iOS < 14.3** camera access works only in native Safari and not in other Browsers (Chrome,...) or Apps that use an UIWebView or WKWebView. This is not a restriction of this library but of the limited WebRTC support by Apple. The behavior might change in iOS 11.3 (Apr 2018?, not tested) as stated [here](https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_11_1.html#//apple_ref/doc/uid/TP40014305-CH14-SW1)
+
+> iOS 14.3 (released in december 2020) now supports WebRTC in 3rd party browsers as well 🎉 
+
+### Browser Support
+
+The browser layer is using the [MediaDevices](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices) web API which is not supported by older browsers.
+
+_You can use external polyfills like [WebRTC adapter](https://github.com/webrtc/adapter) to increase browser compatibility._
+
+Also, note that the library is using the [`TypedArray`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray) (`Int32Array`, `Uint8ClampedArray`, etc.) which are not available in older browsers (e.g. Android 4 default browser).
+
+_You can use [core-js](https://github.com/zloirock/core-js) to add support to these browsers._
+
+In the PDF 417 decoder recent addition, the library now makes use of the new `BigInt` type, which [is not supported by all browsers][2] as well. There's no way to polyfill that and ponyfill libraries are **way to big**, but even if PDF 417 decoding relies on `BigInt` the rest of the library shall work ok in browsers that doesn't support it.
+
+_There's no polyfills for `BigInt` in the way it's coded in here._
+
+## Usage
+
+```javascript
+// use with commonJS
+const { MultiFormatReader, BarcodeFormat } = require('@zxing/library');
+// or with ES6 modules
+import { MultiFormatReader, BarcodeFormat } from '@zxing/library';
+
+const hints = new Map();
+const formats = [BarcodeFormat.QR_CODE, BarcodeFormat.DATA_MATRIX/*, ...*/];
+
+hints.set(DecodeHintType.POSSIBLE_FORMATS, formats);
+
+const reader = new MultiFormatReader();
+
+reader.setHints(hints);
+
+const luminanceSource = new RGBLuminanceSource(imgByteArray, imgWidth, imgHeight);
+const binaryBitmap = new BinaryBitmap(new HybridBinarizer(luminanceSource));
+
+reader.decode(binaryBitmap);
+```
+
+## Contributing
+
+See [Contributing Guide](https://github.com/zxing-js/library/blob/master/CONTRIBUTING.md) for information regarding porting approach and reasoning behind some of the approaches taken.
+
+## Contributors
+
+Special thanks to all the contributors who have contributed for this project. We heartly thankful to you all.
+
+[![](https://sourcerer.io/fame/odahcam/zxing-js/library/images/0)](https://sourcerer.io/fame/odahcam/zxing-js/library/links/0)[![](https://sourcerer.io/fame/odahcam/zxing-js/library/images/1)](https://sourcerer.io/fame/odahcam/zxing-js/library/links/1)[![](https://sourcerer.io/fame/odahcam/zxing-js/library/images/2)](https://sourcerer.io/fame/odahcam/zxing-js/library/links/2)[![](https://sourcerer.io/fame/odahcam/zxing-js/library/images/3)](https://sourcerer.io/fame/odahcam/zxing-js/library/links/3)[![](https://sourcerer.io/fame/odahcam/zxing-js/library/images/4)](https://sourcerer.io/fame/odahcam/zxing-js/library/links/4)[![](https://sourcerer.io/fame/odahcam/zxing-js/library/images/5)](https://sourcerer.io/fame/odahcam/zxing-js/library/links/5)[![](https://sourcerer.io/fame/odahcam/zxing-js/library/images/6)](https://sourcerer.io/fame/odahcam/zxing-js/library/links/6)[![](https://sourcerer.io/fame/odahcam/zxing-js/library/images/7)](https://sourcerer.io/fame/odahcam/zxing-js/library/links/7)
+
+And a special thanks to [@aleris][3] who created the project itself and made available the initial QR code port.
+
+---
+
+[![Bless](https://cdn.rawgit.com/LunaGao/BlessYourCodeTag/master/tags/alpaca.svg)](http://lunagao.github.io/BlessYourCodeTag/)
+
+[0]: https://www.npmjs.com/package/@zxing/library
+[1]: https://github.com/zxing/zxing
+[2]: https://caniuse.com/#feat=bigint
+[3]: https://github.com/aleris

package/template/node_modules/@zxing/library/cjs/browser/BrowserAztecCodeReader.d.ts

@@ -0,0 +1,16 @@
+import { BrowserCodeReader } from './BrowserCodeReader';
+/**
+ * Aztec Code reader to use from browser.
+ *
+ * @class BrowserAztecCodeReader
+ * @extends {BrowserCodeReader}
+ */
+export declare class BrowserAztecCodeReader extends BrowserCodeReader {
+    /**
+     * Creates an instance of BrowserAztecCodeReader.
+     * @param {number} [timeBetweenScansMillis=500] the time delay between subsequent decode tries
+     *
+     * @memberOf BrowserAztecCodeReader
+     */
+    constructor(timeBetweenScansMillis?: number);
+}

package/template/node_modules/@zxing/library/cjs/browser/BrowserAztecCodeReader.js

@@ -0,0 +1,40 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrowserAztecCodeReader = void 0;
+var BrowserCodeReader_1 = require("./BrowserCodeReader");
+var AztecReader_1 = require("../core/aztec/AztecReader");
+/**
+ * Aztec Code reader to use from browser.
+ *
+ * @class BrowserAztecCodeReader
+ * @extends {BrowserCodeReader}
+ */
+var BrowserAztecCodeReader = /** @class */ (function (_super) {
+    __extends(BrowserAztecCodeReader, _super);
+    /**
+     * Creates an instance of BrowserAztecCodeReader.
+     * @param {number} [timeBetweenScansMillis=500] the time delay between subsequent decode tries
+     *
+     * @memberOf BrowserAztecCodeReader
+     */
+    function BrowserAztecCodeReader(timeBetweenScansMillis) {
+        if (timeBetweenScansMillis === void 0) { timeBetweenScansMillis = 500; }
+        return _super.call(this, new AztecReader_1.default(), timeBetweenScansMillis) || this;
+    }
+    return BrowserAztecCodeReader;
+}(BrowserCodeReader_1.BrowserCodeReader));
+exports.BrowserAztecCodeReader = BrowserAztecCodeReader;
+//# sourceMappingURL=BrowserAztecCodeReader.js.map

package/template/node_modules/@zxing/library/cjs/browser/BrowserAztecCodeReader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserAztecCodeReader.js","sourceRoot":"","sources":["../../../src/browser/BrowserAztecCodeReader.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAAwD;AACxD,yDAAoD;AAEpD;;;;;GAKG;AACH;IAA4C,0CAAiB;IACzD;;;;;OAKG;IACH,gCAAmB,sBAAoC;QAApC,uCAAA,EAAA,4BAAoC;eACnD,kBAAM,IAAI,qBAAW,EAAE,EAAE,sBAAsB,CAAC;IACpD,CAAC;IACL,6BAAC;AAAD,CAAC,AAVD,CAA4C,qCAAiB,GAU5D;AAVY,wDAAsB"}

package/template/node_modules/@zxing/library/cjs/browser/BrowserBarcodeReader.d.ts

@@ -0,0 +1,15 @@
+import { BrowserCodeReader } from './BrowserCodeReader';
+import DecodeHintType from '../core/DecodeHintType';
+/**
+ * @deprecated Moving to @zxing/browser
+ *
+ * Barcode reader reader to use from browser.
+ */
+export declare class BrowserBarcodeReader extends BrowserCodeReader {
+    /**
+     * Creates an instance of BrowserBarcodeReader.
+     * @param {number} [timeBetweenScansMillis=500] the time delay between subsequent decode tries
+     * @param {Map<DecodeHintType, any>} hints
+     */
+    constructor(timeBetweenScansMillis?: number, hints?: Map<DecodeHintType, any>);
+}

package/template/node_modules/@zxing/library/cjs/browser/BrowserBarcodeReader.js

@@ -0,0 +1,38 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrowserBarcodeReader = void 0;
+var BrowserCodeReader_1 = require("./BrowserCodeReader");
+var MultiFormatOneDReader_1 = require("../core/oned/MultiFormatOneDReader");
+/**
+ * @deprecated Moving to @zxing/browser
+ *
+ * Barcode reader reader to use from browser.
+ */
+var BrowserBarcodeReader = /** @class */ (function (_super) {
+    __extends(BrowserBarcodeReader, _super);
+    /**
+     * Creates an instance of BrowserBarcodeReader.
+     * @param {number} [timeBetweenScansMillis=500] the time delay between subsequent decode tries
+     * @param {Map<DecodeHintType, any>} hints
+     */
+    function BrowserBarcodeReader(timeBetweenScansMillis, hints) {
+        if (timeBetweenScansMillis === void 0) { timeBetweenScansMillis = 500; }
+        return _super.call(this, new MultiFormatOneDReader_1.default(hints), timeBetweenScansMillis, hints) || this;
+    }
+    return BrowserBarcodeReader;
+}(BrowserCodeReader_1.BrowserCodeReader));
+exports.BrowserBarcodeReader = BrowserBarcodeReader;
+//# sourceMappingURL=BrowserBarcodeReader.js.map

package/template/node_modules/@zxing/library/cjs/browser/BrowserBarcodeReader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserBarcodeReader.js","sourceRoot":"","sources":["../../../src/browser/BrowserBarcodeReader.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAAwD;AACxD,4EAAuE;AAGvE;;;;GAIG;AACH;IAA0C,wCAAiB;IACvD;;;;OAIG;IACH,8BAAmB,sBAAoC,EAAE,KAAgC;QAAtE,uCAAA,EAAA,4BAAoC;eACnD,kBAAM,IAAI,+BAAqB,CAAC,KAAK,CAAC,EAAE,sBAAsB,EAAE,KAAK,CAAC;IAC1E,CAAC;IACL,2BAAC;AAAD,CAAC,AATD,CAA0C,qCAAiB,GAS1D;AATY,oDAAoB"}