@cloudbase/framework-plugin-low-code 0.6.32 → 0.6.35

package/template/generator/pages/composite.tpl

@@ -1,267 +0,0 @@
-import * as React from "react";
-import { observer } from "mobx-react-lite";
-import { observable, autorun, reaction, runInAction } from "mobx";
-import { AppRender } from "/src/handlers/RenderWrapper";
-import { createWidgets, retryDataBinds, WidgetsContext, bindFuncObj, createComputed, resolveComponentProps} from '/src/utils/index'
-import getStateFn from "./lowcode/state.js";
-import computed from "./lowcode/computed.js";
-import lifecycle from "./lowcode/lifecycle.js";
-// import i18n from '@tcwd/weapps-sdk/lib/i18n'
-<% if(isSandbox) { %>
-import { ErrorBoundary } from 'react-error-boundary'
-import { createErrorFallback } from '/src/utils/error'
-<% } %>
-import componentAPI from './lowcode/index';
-import get from 'lodash.get'
-
-<% handlersImports.forEach(handler => { %>
-import handler$<%= handler.name %> from "./lowcode/handler/<%= handler.name %>.js";
-<% }) %>
-
-// Import Components outof sandbox
-<% useComponents.forEach(compItem => {%>
-<% if(!isSandbox && compItem.isComposite){ %>
-import <%= compItem.var %> from "/src/libraries/<%= compItem.moduleName %>@<%= compItem.version %>/components/<%= compItem.name %>";
-<% } else if(!isSandbox) { %>
-const <%= compItem.var %> = window["@weapps-materials-main-<%= compItem.moduleName %>"].components["<%= compItem.name %>"];
-<% } %>
-<%}) %>
-
-import * as constObj from '../../libCommonRes/const'
-import * as toolsObj from '../../libCommonRes/tools'
-
-import "./lowcode/style.css";
-
-const libCode = '<%= materialName %>'
-
-class CompositeCompWrapper extends React.Component {
-
-  $WEAPPS_COMP = {}
-
-  componentDidUpdate() {
-    runInAction(() => {
-      const { data } = this.props
-      for(let prop in data) {
-        // 更新 propsData
-        if (typeof data[prop] !== 'function') {
-          this.propsData[prop] = data[prop]
-        }
-      }
-    })
-  }
-
-
-  constructor(props) {
-    super(props);
-
-    this.compConfig = <%= JSON.stringify(compConfig, null, 2) %>
-
-    // Import Components in sandbox
-    <% useComponents.forEach(compItem => {%>
-    <% if(isSandbox){ %>
-    const <%= compItem.var %> = window["@weapps-materials-main-<%= compItem.moduleName %>"].components["<%= compItem.name %>"];
-    <% } %>
-    <%}) %>
-
-    this.virtualFields = Object.assign({}, props.pageVirtualFields || {}, {
-    <% useComponents.forEach(compItem => {%>
-      "<%= compItem.key %>": <% if(compItem.isPlainProps) {%> (props) => <<%= compItem.var %> {...resolveComponentProps(props, 1)} /> <% } else {%>  (props) => <<%= compItem.var %>{...resolveComponentProps(props, 0)} />  <% }%>,
-    <%}) %>
-    });
-
-    // 挂载给到 $comp.props.events 使用
-    this.events = (<%= emitEvents %>).reduce((obj, trigger) => {
-      obj[trigger] = (eventData, domEvent) => {
-        this.props.emit(trigger, eventData, domEvent);
-        this.node._listeners && this.node._listeners.emit(trigger, eventData, domEvent)
-      };
-      return obj;
-    }, {});
-    this.handler = this.$WEAPPS_COMP.handler = {
-      <% handlersImports.forEach(handler => { %>
-      <%= handler.name %>: handler$<%= handler.name %>.bind(this),
-      <% }) %>
-    };
-    const widgetContext = <%= widgets %>
-    const dataBinds = this._dataBinds = <%= dataBinds %>
-    this.componentSchema = <%= componentSchema %>;
-
-    const defaultProps = <%= JSON.stringify(defaultProps, null, 2) %>
-    this.propsData = observable(Object.assign({}, defaultProps, this.props.data || {}))
-    this.$WEAPPS_COMP.lib = { const: constObj, tools: toolsObj }
-    /*
-    this.i18n = this.$WEAPPS_COMP.i18n = {
-      ...i18n,
-      t (key, data) {
-        return i18n.t(libCode + ':' + key, data)
-      },
-    }
-    */
-    this.$WEAPPS_COMP.props = { ...this.props, events: this.events, data: this.propsData }
-
-    this.state = this.$WEAPPS_COMP.state = observable(getStateFn.bind(this)())
-    this.computed = this.$WEAPPS_COMP.computed = createComputed(computed, this)
-    this.node = this.$WEAPPS_COMP.node = this.createWidgetNode(this) || {}
-    this.initPublicMethods()
-
-    this.widgets = this.$WEAPPS_COMP.widgets = createWidgets(widgetContext, dataBinds)
-    // widgets 内的 dataBinds 可能需要关联 widgets，需要重新执行 dataBinds
-    retryDataBinds()
-    Object.keys(this.widgets || {}).forEach(widgetId => {
-      // 将实例 ownerWidget 挂到内部组件上。内部组件就可以通过 $comp.node.ownerWidget 获取到所在的组件实例
-      const node = this.widgets[widgetId]
-      if (Array.isArray(node)) {
-        node.forEach(item => {
-          item.ownerWidget = this.node;
-          item.getOwnerWidget = () => this.node;
-        })
-      }
-      else {
-        node.ownerWidget = this.node
-        node.getOwnerWidget = () => this.node
-      }
-      // this.widgets[widgetId].ownerWidget = this.node
-      // this.widgets[widgetId].getOwnerWidget = () => this.node
-    })
-
-    this.pageListenerInstances = [];
-    this.createCompAPI(this)
-  }
-
-  // publicMthods 挂载内部，使用 $comp.api。挂载到外部使用 $comp.node.api
-  initPublicMethods() {
-    const publicMethods = componentAPI.publicMethods || {}
-    Object.keys(publicMethods).map(fnName => {
-      const bindFunc = publicMethods[fnName].bind(this)
-      this[fnName] = bindFunc
-      this.$WEAPPS_COMP[fnName] = bindFunc
-      if(this.node) this.node[fnName] = bindFunc
-    })
-  }
-
-  // 创建自身节点
-  createWidgetNode(compThis) {
-    // 当为数组时，需要判断自己属于 widgets 的哪一项
-    const {
-      compositeParent,
-      forIndexes,
-      id
-    } = compThis.props
-    let widgetData = compositeParent.$WEAPPS_COMP
-      ? compositeParent.$WEAPPS_COMP.widgets[id]
-      : compositeParent.$page.widgets[id]
-    if(Array.isArray(widgetData)) {
-      widgetData = widgetData.length > 0 ? get(widgetData, forIndexes) : {}
-    }
-    widgetData = widgetData || {}
-    Object.assign(widgetData, {
-      getConfig: () => compThis.compConfig,
-    }, bindFuncObj(componentAPI.publicMethods || {}, compThis)
-    )
-
-    return widgetData
-  }
-
-  createCompAPI(compThis) {
-    compThis.$WEAPPS_COMP = {
-      _dataBinds: compThis._dataBinds,
-      compConfig: compThis.compConfig,
-      widgets: compThis.widgets,
-      node: compThis.node,
-      handler: compThis.handler,
-      lib: { const: constObj, tools: toolsObj },
-      // i18n: compThis.i18n,
-      get props() {
-        return {...compThis.props, events: compThis.events, data: compThis.propsData }
-      },
-      get state() {
-        return compThis.state
-      },
-      get computed() {
-        return compThis.computed
-      },
-    };
-  }
-
-  initWatchMethods() {
-    const { watch = {}, watchState = {}, watchWidget = {}, watchEffects = {}} = componentAPI
-    const _this = this
-    const weappInst = _this.$WEAPPS_COMP
-
-    // # watch effect
-    this.watchEffectDisposers = Object.keys(watchEffects).map(fnName => {
-      return autorun(watchEffects[fnName].bind(this))
-    })
-    const disposers = this.watchEffectDisposers
-
-    // # watch props
-    Object.keys(watch).map(key => runWatcher(parseWatcher(watch[key]), weappInst.props.data, key, 'watch'))
-
-    // # watch state
-    Object.keys(watchState).map(key => runWatcher(parseWatcher(watchState[key]), weappInst.state, key, 'watchState'))
-
-    // # watch widgets
-    Object.keys(watchWidget).map(key => runWatcher(parseWatcher(watchWidget[key]), weappInst.widgets, key, 'watchWidgets'))
-
-    function runWatcher({ handler, immediate } = {}, target, key, label) {
-      if (!handler) {
-        console.error(`Invalid ${label}(${key}) of ${weappInst.node.widgetType}, watch must a function or {handler: function}`)
-        return
-      }
-      const disposer = reaction(() => get(target, key), handler.bind(_this), { fireImmediately: immediate })
-      disposers.push(disposer)
-    }
-  }
-
-  componentDidMount() {
-    this.initPublicMethods()
-    this.initWatchMethods()
-
-    lifecycle.onAttached && lifecycle.onAttached.bind(this)()
-    lifecycle.onReady && lifecycle.onReady.bind(this)()
-  }
-
-  componentWillUnmount() {
-    if(this.watchEffectDisposers) {
-      this.watchEffectDisposers.forEach(disposer => disposer())
-      this.watchEffectDisposers = null
-    }
-    this.node._listeners && this.node._listeners.clear()
-    lifecycle.onDetached && lifecycle.onDetached.bind(this)()
-  }
-
-  render() {
-    return (
-      <WidgetsContext.Provider value={{ parent: this }}>
-        <AppRender
-          className={this.props.className}
-          virtualFields={this.virtualFields}
-          componentSchema={this.componentSchema}
-          codeContext={this}
-        />
-      </WidgetsContext.Provider>
-    );
-  }
-}
-
-CompositeCompWrapper.contextType = WidgetsContext
-
-export default observer((props) => (
-  <% if(isSandbox) { %>
-  <ErrorBoundary FallbackComponent={createErrorFallback('<%= name %>', '<%= id %>')}>
-  <% } %>
-    <CompositeCompWrapper {...props}></CompositeCompWrapper>
-  <% if(isSandbox) { %>
-  </ErrorBoundary>
-  <% } %>
-));
-
-function parseWatcher(watcher) {
-  if (!watcher) return
-  if (watcher instanceof Function) {
-    return { handler: watcher, immediate: false }
-  }
-  const { handler, immediate = false } = watcher
-  if (!(handler instanceof Function)) return
-  return { handler, immediate }
-}

package/template/generator/router/index.tpl

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { BrowserRouter, Router, Route, Redirect, Switch, HashRouter } from 'react-router-dom';
-import { history, generateBrowserHistory, createHistory } from '../utils/index';
-import { wx } from '@tcwd/weapps-sdk'
-
-<%= mountApis %>
-<%= routerImports %>
-
-import lifecycle from '../lowcode/lifecycle'
-function NotFound() {
-  lifecycle.onAppPageNotFound && lifecycle.onAppPageNotFound()
-  console.error('页面 404，可以在生命周期配置 onAppPageNotFound 并跳转到对应页面')
-  return <>页面404</>
-}
-function Loading() {
-  React.useEffect(() => {
-    wx.showLoading()
-    return () => wx.hideLoading()
-  }, [])
-  return <></>
-}
-export default () => {
-  window.$$global.homePageId = '<%= homePageId %>'
-  // 显式声明HASH 或 app 的 路由使用 hash router，而其他web应用使用 BrowserRouter
-  if (process.env.isApp || process.env.isAdminPortal || <%= isHash %>) {
-    return (
-      <Router history={history}>
-        <React.Suspense fallback={<Loading/>}>
-          <Switch>
-            <%= routerRenders %>
-            <Route component={NotFound} />
-          </Switch>
-        </React.Suspense>
-      </Router>
-    )
-  } else {
-    return (
-      <Router history={generateBrowserHistory({basename: "<%= basename %>"})}>
-        <React.Suspense fallback={<Loading/>}>
-          <Switch>
-            <%= routerRenders %>
-            <Route component={NotFound} />
-          </Switch>
-        </React.Suspense>
-      </Router>
-    )
-  }
-
-}

package/template/generator/store/computed.js

@@ -1,11 +0,0 @@
-// import all state of all pages & global
-import globalComputed from '../lowcode/computed'
-<% pageIds.forEach(function(pageId) { %>import <%= pageId %>Computed from '../lowcode/<%= pageId%>/computed';
-<% }); %>
-
-const computed = {
-  global: globalComputed,<% pageIds.forEach(function(pageId) { %>
-  <%= pageId %>: <%= pageId %>Computed,<% }); %>
-};
-
-export default computed;

package/template/generator/store/index.js

@@ -1,5 +0,0 @@
-import { observable } from 'mobx';
-import initState from '../lowcode/state';
-
-const globalState = observable(initState);
-export default globalState;

package/template/generator/utils/ScanCodeComponent.js

@@ -1,345 +0,0 @@
-import React, { useMemo, useRef, useEffect, useImperativeHandle, useState, useCallback } from 'react';
-import ReactDOM from 'react-dom';
-
-import { BrowserMultiFormatReader, NotFoundException, BarcodeFormat, DecodeHintType } from '@zxing/library';
-import { app } from '../app/global-api';
-
-
-export const FORMAT = {
-  0: { scanType: 'AZTEC', wxtype: null },
-  1: { scanType: 'CODABAR', wxtype: 'barCode' },
-  2: { scanType: 'CODE_39', wxtype: 'barCode' },
-  3: { scanType: 'CODE_93', wxtype: 'barCode' },
-  4: { scanType: 'CODE_128', wxtype: 'barCode' },
-  5: { scanType: 'DATA_MATRIX', wxtype: 'qrCode' },
-  6: { scanType: 'EAN_8', wxtype: 'barCode' },
-  7: { scanType: 'EAN_13', wxtype: 'barCode' },
-  8: { scanType: 'ITF', wxtype: 'barCode' },
-  9: { scanType: 'MAXICODE', wxtype: null },
-  10: { scanType: 'PDF_417', wxtype: 'qrCode' },
-  11: { scanType: 'QR_CODE', wxtype: 'qrCode' },
-  12: { scanType: 'RSS_14', wxtype: 'barCode' },
-  13: { scanType: 'RSS_EXPANDED', wxtype: 'barCode' },
-  14: { scanType: 'UPC_A', wxtype: 'barCode' },
-  15: { scanType: 'UPC_E', wxtype: 'barCode' },
-  16: { scanType: 'UPC_EAN_EXTENSION', wxtype: 'barCode' },
-};
-
-const hints = new Map();
-const formats = [
-  BarcodeFormat.QR_CODE,
-  BarcodeFormat.UPC_A,
-  BarcodeFormat.UPC_E,
-  BarcodeFormat.EAN_8,
-  BarcodeFormat.EAN_13,
-  BarcodeFormat.CODE_39,
-  BarcodeFormat.CODE_93,
-  BarcodeFormat.CODE_128,
-  BarcodeFormat.DATA_MATRIX,
-  BarcodeFormat.PDF_417,
-];
-hints.set(DecodeHintType.POSSIBLE_FORMATS, formats);
-
-const Codescanner = React.forwardRef(({ events = {}, closeScanCode, scanType, onInit }, fref) => {
-  const ref = useRef();
-  const {
-    fail = () => {},
-    success = () => {},
-    complete = () => {},
-  } = events;
-
-  const inited = useRef(false);
-  const codeReader = new BrowserMultiFormatReader(hints);
-  const start = async () => {
-    setTimeout(() => {
-      // try harder after 5 sceonds
-      hints.set(DecodeHintType.TRY_HARDER, true);
-      codeReader.timeBetweenDecodingAttempts = 1500;
-      codeReader.hints = hints;
-    }, 5000);
-    const devices = await codeReader.listVideoInputDevices();
-
-    if (devices.length) {
-      try {
-        await codeReader.decodeFromConstraints(
-          { video: { facingMode: 'environment' } },
-          ref.current,
-          (result, err) => {
-            if (!inited.current) {
-              inited.current = true;
-              onInit();
-            }
-            if (result) {
-              if (scanType.includes(FORMAT[result.format].wxtype)) {
-                success(wechatLikeResult(result));
-                complete();
-                closeScanCode();
-              }
-            }
-  
-            if (err && !err instanceof NotFoundException) {
-              fail(err);
-              complete();
-            }
-          },
-        );
-      } catch (err) {
-        fail(err);
-        complete();
-      }
-    } else {
-      fail(new Error('No camera detect'));
-      complete();
-    }
-  };
-
-  const stop = () => {
-    codeReader.reset();
-  };
-
-  useImperativeHandle(fref, () => ({
-    start,
-    stop,
-  }));
-
-  useEffect(() => {
-    start().catch(fail);
-    return () => {
-      stop();
-    };
-  }, []);
-  return (
-      <>
-        <video
-          autoPlay
-          ref={ref}
-          id="weapp-scancode-video"
-        ></video>
-      </>
-  );
-});
-
-
-function fileToImage(file) {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.readAsDataURL(file);
-    reader.onload = async (ev) => {
-      const img = new Image();
-      img.src = ev.target.result;
-      resolve(img);
-    };
-    reader.onerror = reject;
-  });
-}
-
-const SCAN_CODE_STATE = 'scan-code-modal';
-export default function ScanCode({ root, options }) {
-  const {
-    onlyFromCamera,
-    scanType,
-    success: successCallback,
-    fail,
-    complete,
-    enableDefaultBehavior,
-  } = options;
-  useEffect(() => {
-    // 覆盖一次返回按键为关闭
-    if (history.state?.SCANCODE !== SCAN_CODE_STATE) {
-      history.pushState({ SCANCODE: SCAN_CODE_STATE }, null);
-    }
-    const onPopState = () => {
-      closeScanCode();
-    };
-    window.addEventListener('popstate', onPopState);
-    return () => {
-      if (history.state?.SCANCODE === SCAN_CODE_STATE) {
-        history.back();
-      }
-      window.removeEventListener('popstate', onPopState);
-    };
-  }, [closeScanCode]);
-  const ref = useRef();
-  const closeScanCode = () => {
-    ref.current?.stop?.();
-    ReactDOM.render(null, root);
-  };
-  const success = useCallback((res) => {
-    const {result} = res;
-    if (enableDefaultBehavior) {
-      if (/^https?:\/\//.test(result)) {
-        window.open(result);
-      } else {
-        app.showModal({
-          title: '扫描到以下内容',
-          content: result,
-          showCancel: false,
-          confirmColor: '#006eff',
-        });
-      }
-    }
-    successCallback(res);
-  });
-  const [isCameraInit, setIscameraInit] = useState(false);
-  const onInitCamera = () => {
-    setIscameraInit(true);
-  };
-  const [modalErrMessage, setModalErrMessage] = useState('');
-  const handleModalClick = () => {
-    setModalErrMessage('');
-  };
-  const fileChanged = async (ev) => {
-    const { files } = ev.target;
-    if (files.length <= 0) return;
-    const file = files[0];
-    const img = await fileToImage(file);
-    hints.set(DecodeHintType.TRY_HARDER, true);
-    const codeReader = new BrowserMultiFormatReader(hints);
-    try {
-      const result = await codeReader.decodeFromImage(img);
-      success(wechatLikeResult(result));
-      closeScanCode();
-    } catch (err) {
-      onScanFail(err);
-    }
-  };
-  const scanTypeText = useMemo(() => scanType.map((type) => {
-    switch (type) {
-      case 'qrCode':
-        return '二维码';
-      case 'barCode':
-        return '条码';
-      default:
-        return type;
-    }
-  }).join(' / '), [scanType]);
-  const onScanFail = (err) => {
-    if (err instanceof NotFoundException) {
-      setModalErrMessage(`未发现${scanTypeText}`);
-      setIscameraInit(false);
-    } else if (err.message === 'Permission denied') {
-      setModalErrMessage('请打开相机权限以获取扫码功能');
-    } else if (err.message === 'No camera detect') {
-      setModalErrMessage('未能检测到相机设备');
-    } else {
-      setModalErrMessage(err.message);
-    }
-    setIscameraInit(false);
-    fail(err);
-  };
-  if (modalErrMessage) {
-    return <div className="weapp-scancode-modal" onClick={handleModalClick}>
-      <div className="weapp-scancode-modal-main">
-        <div className="weapp-scancode-scan-wrapper">
-          <p className="weapp-scancode-scan-not-found">{modalErrMessage}</p>
-          <p>点击重新扫码</p>
-        </div>
-        <CloseButton onClick={closeScanCode} />
-      </div>
-    </div>;
-  }
-  return (
-    <div className="weapp-scancode-modal">
-      <div className="weapp-scancode-modal-main">
-        <Codescanner
-          events={{ fail: onScanFail, success, complete }}
-          ref={ref}
-          closeScanCode={closeScanCode}
-          scanType={scanType}
-          onInit={(onInitCamera)}
-        />
-
-        {isCameraInit && <><CloseButton onClick={closeScanCode} />
-        <div className="weapp-scancode-scan-wrapper">
-          <div className="weapp-scancode-scan-square">
-            <div className="weapp-scancode-scan-bar"></div>
-          </div>
-          <p className="weapp-scancode-scan-tip">扫${scanTypeText}</p>
-        </div>
-        </>
-        }
-        {!onlyFromCamera && isCameraInit && <div
-          className="weapp-scancode-img-selector"
-        >
-          <input onChange={fileChanged} type="file" id="weapp-scancode-img-picker-input" accept="image/*" style={{ display: 'none' }} />
-          <label
-            htmlFor="weapp-scancode-img-picker-input"
-            className="weapp-scancode-img-picker"
-          >
-            <span>
-            <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
-                <title>icon/album</title>
-                <g id="icon/album" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
-                    <rect id="矩形" x="0" y="0" width="24" height="24"></rect>
-                    <path d="M21,4 C21.5522847,4 22,4.44771525 22,5 L22,19 C22,19.5522847 21.5522847,20 21,20 L3,20 C2.44771525,20 2,19.5522847 2,19 L2,5 C2,4.44771525 2.44771525,4 3,4 L21,4 Z M20.5,5.5 L3.5,5.5 L3.5,13.932 L8.34720227,9.89314397 C8.69729746,9.60139798 9.19512095,9.58601647 9.56028418,9.84165631 L9.65637439,9.91809179 L14.036,13.86 L16.8907001,11.8207928 C17.2650251,11.5533999 17.7734822,11.5758744 18.1227552,11.8752513 L18.1227552,11.8752513 L20.5,13.913 L20.5,5.5 Z" id="形状结合" fill="#FFFFFF" fillRule="nonzero"></path>
-                </g>
-            </svg>
-            </span>
-          </label>
-        </div>}
-      </div>
-    </div>
-  );
-}
-
-function CloseButton({ onClick }) {
-  return (
-    <a
-          className="weapp-scancode-close-button"
-          aria-label="close modal"
-          onClick={onClick}
-        >
-          <svg   width="12px"   height="12px"  viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <path fillRule="evenodd" clipRule="evenodd" d="M12.5348 2.04999L7.9998 6.58499L3.4638 2.04999L2.0498 3.46499L6.5858 8.00099L2.0498 12.536L3.4638 13.95L7.9998 9.41499L12.5348 13.95L13.9498 12.536L9.4138 8.00099L13.9498 3.46499L12.5348 2.04999Z" fill="currentColor"/>
-          </svg>
-        </a>
-  );
-}
-
-function wechatLikeResult(zxingResult) {
-  const wechatResult = {
-    result: zxingResult.text || zxingResult.result,
-    scanType: FORMAT[zxingResult.format].wxtype,
-  };
-  return wechatResult;
-}
-
-// https://github.com/AlloyTeam/AlloyImage/blob/master/src/module/filter/toGray.js
-function toGray(imgData) {
-  const { data } = imgData;
-
-  for (let i = 0, n = data.length;i < n;i += 4) {
-    const gray = parseInt((0.299 * data[i] + 0.578 * data[i + 1] + 0.114 * data[i + 2]), 10);
-    // eslint-disable-next-line no-multi-assign
-    data[i + 2] = data[i + 1] = data[i] = gray;
-  }
-
-  imgData.data.set(data);
-
-  return imgData;
-}
-
-// https://github.com/AlloyTeam/AlloyImage/blob/master/src/module/filter/sharp.js
-function sharp(imgData, arg = []) {
-  const lamta = arg[0] || 0.6;
-  const { data } = imgData;
-  const { width } = imgData;
-
-  for (let i = 0, n = data.length;i < n;i += 4) {
-    const ii = i / 4;
-    const row = parseInt(ii / width, 10);
-    const col = ii % width;
-    if (row === 0 || col === 0) continue;
-
-    const A = ((row - 1) *  width + (col - 1)) * 4;
-    const B = ((row - 1) * width + col) * 4;
-    const E = (ii - 1) * 4;
-
-    for (let j = 0;j < 3;j ++) {
-      const delta = data[i + j] - (data[B + j] + data[E + j] + data[A + j]) / 3;
-      data[i + j] += delta * lamta;
-    }
-  }
-
-  return imgData;
-}