@cloudbase/framework-plugin-low-code 0.7.10-beta.2 → 0.7.11-beta.3

package/template/src/handlers/lifecycle.js

@@ -2,7 +2,7 @@
 /**
  * 生命周期处理函数
  */
-import * as throttle from 'lodash/throttle';
+import { throttle } from 'lodash';
 import { wx } from '@tcwd/weapps-sdk';
 import * as querystring from 'querystring';
 // 小程序 端使用lifeCycle
@@ -33,7 +33,7 @@ export function initLifeCycle(
     onTabItemTap,
   },
   app,
-  mainApp
+  mainApp,
 ) {
   if (!process.env.isMiniprogram) {
     window.$$global = window.$$global || {};
@@ -61,17 +61,14 @@ export function initLifeCycle(
     mainApp.onAppHide && mainApp.onAppHide(onAppHide);
     mainApp.onError && mainApp.onError(onAppError);
     mainApp.onPageNotFound && mainApp.onPageNotFound(onAppPageNotFound);
-    mainApp.onUnhandledRejection &&
-      mainApp.onUnhandledRejection(onAppUnhandledRejection);
+    mainApp.onUnhandledRejection && mainApp.onUnhandledRejection(onAppUnhandledRejection);
 
     // 预留等客户端来触发
     window.addEventListener('appLaunch', (...args) => onAppLaunchCb(...args));
     window.addEventListener('appShow', (...args) => onAppShow(...args));
     window.addEventListener('appHide', (...args) => onAppHide(...args));
     window.addEventListener('error', (...args) => onAppError(...args));
-    window.addEventListener('unhandledRejection', (...args) =>
-      onAppUnhandledRejection(...args)
-    );
+    window.addEventListener('unhandledRejection', (...args) => onAppUnhandledRejection(...args));
     window.$$global.alreadyInitAppLifeCycle = true;
   }
 
@@ -84,9 +81,7 @@ export function initLifeCycle(
     window.addEventListener('wxunload', (...args) => onPageUnload(...args));
     // 页面级别特殊事件
     if (typeof onPullDownRefresh === 'function') {
-      window.addEventListener('pulldownrefresh', (...args) =>
-        onPullDownRefresh(...args)
-      );
+      window.addEventListener('pulldownrefresh', (...args) => onPullDownRefresh(...args));
     }
 
     if (typeof onPageScroll === 'function') {
@@ -143,7 +138,7 @@ export function pageLifeCycleMount(
     onShareTimeline,
     onTabItemTap,
   },
-  app = {}
+  app = {},
 ) {
   let queryText = location.href.split('?')[1];
   let query = querystring.parse(queryText);
@@ -162,22 +157,16 @@ export function pageLifeCycleMount(
     if (typeof onPullDownRefresh === 'function') {
       app.onPullDownRefresh(onPullDownRefresh);
     }
-    if (
-      typeof onPageScroll === 'function' ||
-      typeof onReachBottom === 'function'
-    ) {
+    if (typeof onPageScroll === 'function' || typeof onReachBottom === 'function') {
       window.onscroll = throttle(() => {
         //变量scrollTop是滚动条滚动时，滚动条上端距离顶部的距离
-        let scrollTop =
-          document.documentElement.scrollTop || document.body.scrollTop;
+        let scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
 
         //变量windowHeight是可视区的高度
-        let windowHeight =
-          document.documentElement.clientHeight || document.body.clientHeight;
+        let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
 
         //变量scrollHeight是滚动条的总高度（当前可滚动的页面的总高度）
-        let scrollHeight =
-          document.documentElement.scrollHeight || document.body.scrollHeight;
+        let scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
         if (typeof onPageScroll === 'function') {
           onPageScroll({
             scrollTop: window.pageYOffset,

package/template/src/handlers/render.jsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as _ from 'lodash';
+import { set, cloneDeep } from 'lodash';
 import { ForContext, getComponentRenderList } from './FieldMiddleware/renderer';
 import { isScopeSlot } from '../utils/index';
 import { observer } from 'mobx-react-lite';
@@ -9,9 +9,7 @@ export function getComponentChildren(component, context = {}) {
   if (!properties) {
     return [];
   }
-  const list = Object.values(properties).sort(
-    (a, b) => (a['x-index'] || 0) - (b['x-index'] || 0)
-  );
+  const list = Object.values(properties).sort((a, b) => (a['x-index'] || 0) - (b['x-index'] || 0));
   const {
     virtualFields,
     codeContext,
@@ -81,9 +79,7 @@ function getRenderList(props) {
     //   preClassName.current = className;
     // }
 
-    containerEl['x-props'].classNameList = Array.from(
-      new Set([className, ...classNameList])
-    );
+    containerEl['x-props'].classNameList = Array.from(new Set([className, ...classNameList]));
   }
 
   if (xProps && xProps.sourceKey) {
@@ -117,14 +113,7 @@ function getRenderList(props) {
 export function generateSlotMetaMap(componentSchema, context, options = {}) {
   const slots = {};
   const { properties = {} } = componentSchema;
-  const {
-    scopeContext,
-    codeContext,
-    virtualFields,
-    dataContext,
-    updateContext,
-    forContext,
-  } = context;
+  const { scopeContext, codeContext, virtualFields, dataContext, updateContext, forContext } = context;
   // eslint-disable-next-line guard-for-in
   for (const key in properties) {
     const child = properties[key];
@@ -135,8 +124,8 @@ export function generateSlotMetaMap(componentSchema, context, options = {}) {
         type: isHOC ? 'HOC' : 'ELEMENT',
         node: isHOC
           ? (props) => {
-              let clonedScopeContext = _.cloneDeep(scopeContext);
-              _.set(clonedScopeContext, `${componentSchema.key}.${key}`, props);
+              let clonedScopeContext = cloneDeep(scopeContext);
+              set(clonedScopeContext, `${componentSchema.key}.${key}`, props);
               return (
                 <AppRender
                   key={key}

package/template/src/handlers/utils/common.js

@@ -1,10 +1,6 @@
 import config from '../../datasources/config'
-import { getTcbInstance, getAccessToken } from '@cloudbase/weda-cloud-sdk/dist/h5';
-
-async function loginScope() {
-  const { auth } = await getTcbInstance();
-  return auth.loginScope();
-}
+import { auth } from '@cloudbase/weda-client';
+const { loginScope, getAccessToken } = auth;
 
 export function getComponentId(key) {
   return `__weapps-component-wrapper-${key}`;

package/template/src/handlers/utils/widgets.js

@@ -58,12 +58,7 @@ export function getDom(element, options) {
   return Promise.resolve(result);
 }
 
-export function findWidgets(
-  widget,
-  parentType,
-  filterFn,
-  includeInvisibleDescendants
-) {
+export function findWidgets(widget, parentType, filterFn, includeInvisibleDescendants) {
   if (!widget) return [];
 
   let { children = [] } = widget;
@@ -94,12 +89,7 @@ export function retryDataBinds(tryTime = 10) {
     retryDataBinds(tryTime - 1);
   }, 0);
 }
-export function createWidgets(
-  widgetProps,
-  dataBinds,
-  scopeContext = {},
-  context = {}
-) {
+export function createWidgets(widgetProps, dataBinds, scopeContext = {}, context = {}) {
   const nodeTree = createWidgetTree(widgetProps, dataBinds);
   const widgets = runFor(nodeTree, {}, null, null, scopeContext, context);
   return widgets;
@@ -114,14 +104,7 @@ export function createWidgets(
    * @param {*} context
    * @returns top level widgets or for dispose
    */
-  function runFor(
-    curForNode,
-    forItems,
-    parentLevelWidgets,
-    parentWidget,
-    scopeContext,
-    context
-  ) {
+  function runFor(curForNode, forItems, parentLevelWidgets, parentWidget, scopeContext, context) {
     const nodeId = curForNode.id;
     if (!curForNode.value) {
       return createSubTree(curForNode, {}, scopeContext, context);
@@ -148,8 +131,7 @@ export function createWidgets(
         dfsTree(curForNode, (node) => {
           const arr = parentLevelWidgets[node.id];
           arr.splice(0, arr.length);
-          parentWidget &&
-            remove(parentWidget.children, ({ id }) => id === node.id);
+          parentWidget && remove(parentWidget.children, ({ id }) => id === node.id);
         });
 
         forList.forEach((item, index) => {
@@ -180,10 +162,7 @@ export function createWidgets(
           w.findWidgets = (type, includeInvisibleDescendants) =>
             findWidgets(w, w.widgetType, type, includeInvisibleDescendants);
           w.getWidgetsByType = (type, includeInvisibleDescendants) =>
-            w.findWidgets(
-              (currentWidget) => currentWidget.widgetType === type,
-              includeInvisibleDescendants
-            );
+            w.findWidgets((currentWidget) => currentWidget.widgetType === type, includeInvisibleDescendants);
           w.getOwnerWidget = () => null; // 寻找父widget，默认返回null， 后续会覆写
           w._getInstanceRef = () => null; // 默认初始值
           Object.defineProperty(w, '_methods', {
@@ -221,12 +200,7 @@ export function createWidgets(
               const dispose = autorun(() => {
                 try {
                   // Computed data bind in the next tick since data bind may read widgets data
-                  w[prop] = dataBinds[node.id][prop](
-                    subForItems,
-                    undefined,
-                    context,
-                    scopeContext
-                  );
+                  w[prop] = dataBinds[node.id][prop](subForItems, undefined, context, scopeContext);
                   disposeError = false;
                 } catch (e) {
                   options.showLog && console.error(e);
@@ -252,10 +226,7 @@ export function createWidgets(
 
       // run for of next level
       dfsTree(curForNode, (node, parentNode) => {
-        if (
-          node.forCount === curForNode.forCount + 1 &&
-          dataBinds[node.id]?._waFor
-        ) {
+        if (node.forCount === curForNode.forCount + 1 && dataBinds[node.id]?._waFor) {
           widgets[node.id]._disposers = { dataBinds: [] };
           const dispose = runFor(
             node,
@@ -263,7 +234,7 @@ export function createWidgets(
             widgets,
             node.parent && widgets[node.parent.id],
             scopeContext,
-            context
+            context,
           );
           curForNode.id && widgets[curForNode.id]._disposers.push(dispose);
         }

package/template/src/index.jsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import * as ReactDOM from 'react-dom'
-import { setConfig, getAccessToken, initTcb } from '@cloudbase/weda-cloud-sdk/dist/h5'
+import { _WEDA_CLOUD_SDK as WEDA_CLOUD_SDK, auth } from '@cloudbase/weda-client'
 import App from './router'
 import './utils/monitor-jssdk.min'
 import './index.less'
@@ -18,7 +18,7 @@ if (process.env.isApp) {
 }
 
 // 设置数据源请求的 loading 及 toast 处理
-setConfig({
+WEDA_CLOUD_SDK.setConfig({
   beforeDSRequest: (cfg) => {
     if (!cfg.options || !cfg.options.showLoading) return
     app.showLoading()
@@ -40,7 +40,7 @@ setConfig({
       if (!(loginConfig.web?.length > 0) || (params?.data?.mode === 'c' && skip)) {
         return params;
       }
-      const { accessToken } = await getAccessToken();
+      const { accessToken } = await auth.getAccessToken();
       if (accessToken) {
         params.data.accessToken = accessToken;
       }

package/template/src/pages/app.tpl

@@ -86,6 +86,7 @@ export default function App() {
   const isPure = !!pureSrc;
 
   React.useEffect(() => {
+
     Object.assign($page, {
       id: '<%= pageName %>',
       state: observable(initPageState),
@@ -102,6 +103,7 @@ export default function App() {
         app.utils.set($page.dataset.state, keyPath, userSetState[keyPath]);
       });
     };
+    app.__internal__.activePage = $page
 
     checkAuth(app, app.id, $page).then((checkAuthResult) => {
       setWeDaHasLogin(checkAuthResult)

package/template/src/utils/formatEnum.js

@@ -30,7 +30,7 @@ function getEnumOptions(optionName) {
   }
   return '';
 }
-export async function getGeneralOptions(optionName) {
+async function getGeneralOptions(optionName) {
   return app.cloud.callWedaApi({
     action: 'DescribeGeneralOptionsDetailList',
     data: {

package/template/src/utils/index.js

@@ -12,20 +12,6 @@ export function createComputed(funcs, bindContext = null) {
   return obj;
 }
 
-/*
-根据 object对象的path路径获取值。 如果解析 value 是 undefined 会以 defaultValue 取代。
-*/
-export function getter(context, path, defaultValue = undefined) {
-  return lodashGet(context, path, defaultValue);
-}
-
-/*
-设置 object对象中对应 path 属性路径上的值，如果path不存在，则创建。 缺少的索引属性会创建为数组，而缺少的属性会创建为对象。 使用_.setWith 定制path创建
-*/
-export function setter(context, path, value = undefined) {
-  return lodashSet(context, path, value);
-}
-
 export function checkVisible({ _visible }) {
   return _visible !== false && _visible !== '';
 }

package/template/src/utils/ScanCodeComponent.js

@@ -1,345 +0,0 @@
-import React, { useRef, useEffect, useImperativeHandle, useState, useCallback, useMemo } 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;
-}