@fonixtree/magic-design 2.0.95 → 2.0.97

package/es/common/LinkModal/MiniAppApi/const.js

@@ -0,0 +1,637 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.source = void 0;
+var source = [{
+  title: 'UI',
+  id: '1',
+  desc: '',
+  children: [{
+    title: 'Navigation bar',
+    id: '11',
+    children: [{
+      title: 'my.getTitleColor',
+      description: 'Get the background color of the navigation bar.'
+    }, {
+      title: 'my.hideBackHome',
+      description: 'Hide the “Back to Homepage” icon on the title bar.'
+    }, {
+      title: 'my.hideNavigationBarLoading',
+      description: 'Hide loading animation on the navigation bar of the current page.'
+    }, {
+      title: 'my.showNavigationBarLoading',
+      description: 'Show loading animation on the navigation bar of the current page.'
+    }, {
+      title: 'my.setNavigationBar',
+      description: 'Set navigation bar style including title, background color, bottom border color, and logo image in the upper-left corner of the navigation bar.'
+    }]
+  }, {
+    title: 'tabBar',
+    id: '12',
+    children: [{
+      title: 'my.hideTabBar',
+      description: 'Hide tabBar.'
+    }, {
+      title: 'my.hideTabBarRedDot',
+      description: 'Hide the red dot in the upper-right corner of an item on the tabBar.'
+    }, {
+      title: 'my.removeTabBarBadge',
+      description: 'Remove text in the upper-right corner of an item on the tabBar.'
+    }, {
+      title: 'my.setTabBarBadge',
+      description: 'Add text in the upper-right corner of an item on the tabBar. You can use red dot reminder to set the number of messages.'
+    }, {
+      title: 'my.setTabBarItem',
+      description: 'Set the content of an item on the tabBar dynamically.'
+    }, {
+      title: 'my.setTabBarStyle',
+      description: 'Set the general style of tabBar dynamically, such as font color, tab background color, and label border color.'
+    }, {
+      title: 'my.showTabBar',
+      description: 'Show tabBar.'
+    }, {
+      title: 'my.showTabBarRedDot',
+      description: 'Show the red dot in the upper-right corner of an item on the tabBar.'
+    }, {
+      title: 'onTabItemTap',
+      description: 'You can click a tab to trigger the function and listen to the events of tabBar click.'
+    }, {
+      title: 'FAQ regarding tabBar',
+      description: 'Answers to FAQ regarding tab.'
+    }]
+  }, {
+    title: 'Routes',
+    id: '13',
+    children: [{
+      title: 'my.switchTab',
+      description: 'Switch to the specific tabBar page and close all the irrelevant pages.'
+    }, {
+      title: 'my.reLaunch',
+      description: 'Close all the current pages and relaunch to the specific page in the application.'
+    }, {
+      title: 'my.redirectTo',
+      description: 'Close the current page and redirect to the specific page in the application.'
+    }, {
+      title: 'my.navigateTo',
+      description: 'Navigate to the specific page in the application from the current page.'
+    }, {
+      title: 'my.navigateBack',
+      description: 'Close the current page and navigate back to the previous level or multilevel page.'
+    }, {
+      title: 'FAQ regarding routes',
+      description: 'Answers to FAQ regarding routes.'
+    }]
+  }, {
+    title: 'Interaction feedback',
+    id: '13',
+    children: [{
+      title: 'my.alert',
+      description: 'Alert box (alert).'
+    }, {
+      title: 'my.confirm',
+      description: 'Confirm box (confirm).'
+    }, {
+      title: 'my.prompt',
+      description: 'You can enter text in the prompting dialogue box.'
+    }, {
+      title: 'my.showToast',
+      description: 'Show a toast. You can set the time that the toast lasts.'
+    }, {
+      title: 'my.hideToast',
+      description: 'Hide toasts.'
+    }, {
+      title: 'my.showLoading',
+      description: 'Show loading prompts.'
+    }, {
+      title: 'my.hideLoading',
+      description: 'Hide loading prompts.'
+    }, {
+      title: 'my.showActionSheet',
+      description: 'Show action sheet.'
+    }]
+  }, {
+    title: 'Pull-down refresh',
+    id: '14',
+    children: [{
+      title: 'onPullDownRefresh',
+      description: 'Listen to the pull-down refresh events that are performed by users on this page.'
+    }, {
+      title: 'my.stopPullDownRefresh',
+      description: 'Stop the operations of pull-down refresh on the current page.'
+    }, {
+      title: 'my.startPullDownRefresh',
+      description: 'Start the operations of pull-down refresh.'
+    }]
+  }, {
+    title: 'Contact',
+    id: '15',
+    children: [{
+      title: 'my.choosePhoneContact',
+      description: 'Select the phone number of a contact in the directory of the local system.'
+    }]
+  }, {
+    title: 'Choose city',
+    id: '16',
+    children: [{
+      title: 'my.chooseCity',
+      description: 'You can call this operation to open the city list.'
+    }, {
+      title: 'my.onLocatedComplete',
+      description: 'You can customize onLocatedComplete function and listen to the callback after the page located. This operation is only for the case when the attribute setLocatedCity in my.chooseCity is true.'
+    }, {
+      title: 'my.setLocatedCity',
+      description: 'You can call this operation to modify the default name of the located city in my.chooseCity.'
+    }]
+  }, {
+    title: 'Choose date',
+    id: '17',
+    children: [{
+      title: 'my.datePicker',
+      description: 'Open the date picker list.'
+    }]
+  }, {
+    title: 'Animation',
+    id: '18',
+    children: [{
+      title: 'my.createAnimation',
+      description: 'Create animation instances.'
+    }]
+  }, {
+    title: 'Canvas',
+    id: '19',
+    children: [{
+      title: 'my.createCanvasContext',
+      description: 'Create canvas drawing context.'
+    }]
+  }, {
+    title: 'Keypad',
+    id: '20',
+    children: [{
+      title: 'my.hideKeyboard',
+      description: 'Hide keypad.'
+    }]
+  }, {
+    title: 'Scroll',
+    id: '21',
+    children: [{
+      title: 'my.pageScrollTo',
+      description: 'Scroll to the target location on the page.'
+    }]
+  }, {
+    title: 'Node query',
+    id: '22',
+    children: [{
+      title: 'my.createSelectorQuery',
+      description: 'Get a node query object SelectorQuery.'
+    }]
+  }, {
+    title: 'Option selector',
+    id: '23',
+    children: [{
+      title: 'my.optionsSelect',
+      description: 'A component similar to the native Safari select but with more powerful features, which you can use to replace select or level 2 data.'
+    }]
+  }, {
+    title: 'Multilevel select',
+    id: '24',
+    children: [{
+      title: 'my.multiLevelSelect',
+      description: 'Business scenarios for relevant multilevel data selection such as the information selection of province, city, and region.'
+    }]
+  }, {
+    title: 'Set background window',
+    id: '25',
+    children: [{
+      title: 'my.setBackgroundColor',
+      description: 'Set the background color of the settings window dynamically.'
+    }, {
+      title: 'my.setBackgroundTextStyle',
+      description: 'Set the font of the pull-down background, and the style of loading graphic dynamically.'
+    }]
+  }, {
+    title: 'Set page pulldown',
+    id: '26',
+    children: [{
+      title: 'my.setCanPullDown',
+      description: 'Set if the page supports pull down operations. By default, the page in the mini program supports pull down operations.'
+    }]
+  }, {
+    title: 'Set optionMenu',
+    id: '27',
+    children: [{
+      title: 'my.setOptionMenu',
+      description: 'Configure extra icons on the optionMenu navigation bar, and then click to trigger onOptionMenuClick.'
+    }]
+  }]
+}, {
+  title: 'Multimedia',
+  id: '2',
+  desc: '',
+  children: [{
+    title: 'Image',
+    id: '21',
+    desc: '',
+    children: [{
+      title: 'my.chooseImage',
+      description: 'Take photos or select images from your mobile phone album.'
+    }, {
+      title: 'my.previewImage',
+      description: 'Preview images.'
+    }, {
+      title: 'my.saveImage',
+      description: 'Save online images to your mobile phone album.'
+    }, {
+      title: 'my.compressImage',
+      description: 'Compress images.'
+    }, {
+      title: 'my.getImageInfo',
+      description: 'Get image information.'
+    }]
+  }]
+}, {
+  title: 'Storage',
+  id: '3',
+  desc: '',
+  children: [{
+    title: 'my.setStorage',
+    description: 'The operation to save data in the specific key of the local storage will overwrite the corresponding data to this key.'
+  }, {
+    title: 'my.setStorageSync',
+    description: 'Synchronize data in the specific key of the local storage.'
+  }, {
+    title: 'my.getStorage',
+    description: 'Get data from the storage asynchronously.'
+  }, {
+    title: 'my.getStorageSync',
+    description: 'Get data from the storage synchronously.'
+  }, {
+    title: 'my.removeStorage',
+    description: 'Remove asynchronous operations for data storage.'
+  }, {
+    title: 'my.removeStorageSync',
+    description: 'Remove synchronous operations for data storage.'
+  }, {
+    title: 'my.clearStorage',
+    description: 'Clear asynchronous operations for local data storage.'
+  }, {
+    title: 'my.clearStorageSync',
+    description: 'Clear synchronous operations for local data storage.'
+  }, {
+    title: 'my.getStorageInfo',
+    description: 'Get relevant information for the current storage asynchronously.'
+  }, {
+    title: 'my.getStorageInfoSync',
+    description: 'Get relevant information for the current storage synchronously.'
+  }]
+}, {
+  title: 'File',
+  id: 4,
+  children: [{
+    title: 'my.saveFile',
+    description: 'Save file to local system. The maximum local file size is 10 MB.'
+  }, {
+    title: 'my.getFileInfo',
+    description: 'Get file information.'
+  }, {
+    title: 'my.getSavedFileInfo',
+    description: 'Get the saved file information.'
+  }, {
+    title: 'my.getSavedFileList',
+    description: 'Get all the save files.'
+  }, {
+    title: 'my.removeSavedFile',
+    description: 'Remove a saved file.'
+  }]
+}, {
+  title: 'Network',
+  id: 5,
+  children: [{
+    title: 'my.request',
+    description: 'Network request of the mini program.'
+  }, {
+    title: 'my.uploadFile',
+    description: 'Upload local resource to the developer server.'
+  }, {
+    title: 'my.downloadFile',
+    description: 'Download files to the local system.'
+  }, {
+    title: 'my.connectSocket',
+    description: 'Create a WebSocket connection.'
+  }, {
+    title: 'my.onSocketOpen',
+    description: 'Listen to the events of WebSocket connection open.'
+  }, {
+    title: 'my.offSocketOpen',
+    description: 'Stop listening to the events of WebSocket connection off.'
+  }, {
+    title: 'my.onSocketError',
+    description: 'Listen to WebSocket errors.'
+  }, {
+    title: 'my.offSocketError',
+    description: 'Stop listening to WebSocket errors.'
+  }, {
+    title: 'my.sendSocketMessage',
+    description: 'Send data through WebSocket connection.'
+  }, {
+    title: 'my.onSocketMessage',
+    description: 'Listen to the message events on the server received by WebSocket.'
+  }, {
+    title: 'my.offSocketMessage',
+    description: 'Stop listening to message events on the server received by WebSocket.'
+  }, {
+    title: 'my.closeSocket',
+    description: 'Close WebSocket connection.'
+  }, {
+    title: 'my.onSocketClose',
+    description: 'Listen to close WebSocket connection.'
+  }, {
+    title: 'my.offSocketClose',
+    description: 'Stop listening to close WebSocket connection.'
+  }]
+}, {
+  title: 'Device',
+  id: 6,
+  children: [{
+    title: 'canIUse',
+    id: 61,
+    children: [{
+      title: 'my.canIUse',
+      description: 'Determine if the current version supports API operations, input parameters or output values, components, and attributes of the current mini program.'
+    }]
+  }, {
+    title: 'Get base library version number',
+    id: 62,
+    children: [{
+      title: 'my.SDKVersion',
+      description: 'Get the version number of the base library.'
+    }]
+  }, {
+    title: 'System information',
+    id: 63,
+    children: [{
+      title: 'my.getSystemInfo',
+      description: 'Get mobile phone system information.'
+    }, {
+      title: 'my.getSystemInfoSync',
+      description: 'Get the synchronous operation for mobile phone system information.'
+    }]
+  }, {
+    title: 'Network status',
+    id: 64,
+    children: [{
+      title: 'my.getNetworkType',
+      description: 'Get current network status.'
+    }, {
+      title: 'my.onNetworkStatusChange',
+      description: 'Start listening to network status changes.'
+    }, {
+      title: 'my.offNetworkStatusChange',
+      description: 'Stop listening to network status changes.'
+    }]
+  }, {
+    title: 'Clipboard',
+    id: 65,
+    children: [{
+      title: 'my.getClipboard',
+      description: 'Get clipboard data.'
+    }, {
+      title: 'my.setClipboard',
+      description: 'Set clipboard data.'
+    }]
+  }, {
+    title: 'Shake',
+    id: 66,
+    children: [{
+      title: 'my.watchShake',
+      description: 'Use shake feature. Every time you call the API, the callback will be triggered after you shake the mobile phone. If you need to listen again, you have to recall this API.'
+    }]
+  }, {
+    title: 'Vibrate',
+    id: 67,
+    children: [{
+      title: 'my.vibrate',
+      description: 'Use vibrate feature.'
+    }, {
+      title: 'my.vibrateLong',
+      description: 'Long vibration lasts for 400 ms.'
+    }, {
+      title: 'my.vibrateShort',
+      description: 'Short vibration lasts for 40 ms.'
+    }]
+  }, {
+    title: 'Accelerometer',
+    id: 68,
+    children: [{
+      title: 'my.onAccelerometerChange',
+      description: 'Listen to accelerometer data.'
+    }, {
+      title: 'my.offAccelerometerChange',
+      description: 'Stop listening to accelerometer data.'
+    }]
+  }, {
+    title: 'Gyroscope',
+    id: 69,
+    children: [{
+      title: 'my.onGyroscopeChange',
+      description: 'Listen to the events of gyroscope data change.'
+    }, {
+      title: 'my.offGyroscopeChange',
+      description: 'Stop listening to gyroscope data.'
+    }]
+  }, {
+    title: 'Compass',
+    id: 70,
+    children: [{
+      title: 'my.onCompassChange',
+      description: 'Listen to compass data.'
+    }, {
+      title: 'my.offCompassChange',
+      description: 'Stop listening to compass data.'
+    }]
+  }, {
+    title: 'Make phone calls',
+    id: 71,
+    children: [{
+      title: 'my.makePhoneCall',
+      description: 'Make phone calls.'
+    }]
+  }, {
+    title: 'Events of user capture screen',
+    id: 72,
+    children: [{
+      title: 'my.onUserCaptureScreen',
+      description: 'Listen to the events of active screen capture initiated by the user.'
+    }, {
+      title: 'my.offUserCaptureScreen',
+      description: 'Stop listening to the events of screen capture.'
+    }]
+  }, {
+    title: 'Screen brightness',
+    id: 73,
+    children: [{
+      title: 'my.setKeepScreenOn',
+      description: 'Set whether to keep the screen on.'
+    }, {
+      title: 'my.getScreenBrightness',
+      description: 'Get screen brightness.'
+    }, {
+      title: 'my.setScreenBrightness',
+      description: 'Set screen brightness.'
+    }]
+  }, {
+    title: 'Add phone contact',
+    id: 74,
+    children: [{
+      title: 'my.addPhoneContact',
+      description: 'You can add the list to the directory in the mobile phone system by Create New Contact  or Add to Existing Contact.'
+    }]
+  }, {
+    title: 'Scan',
+    id: 75,
+    children: [{
+      title: 'my.scan',
+      description: 'Use scan feature.'
+    }]
+  }, {
+    title: 'Bluetooth',
+    id: 76,
+    children: [{
+      title: 'my.openBluetoothAdapter',
+      description: 'Initialize Bluetooth module of the mini program.'
+    }, {
+      title: 'my.closeBluetoothAdapter',
+      description: 'Turn off the local Bluetooth module.'
+    }, {
+      title: 'my.getBluetoothAdapterState',
+      description: 'Get the status of the local Bluetooth module.'
+    }, {
+      title: 'my.startBluetoothDevicesDiscovery',
+      description: 'Start searching for nearby Bluetooth devices.'
+    }, {
+      title: 'my.stopBluetoothDevicesDiscovery',
+      description: 'Stop searching for nearby Bluetooth devices.'
+    }, {
+      title: 'my.getBluetoothDevices',
+      description: 'Get all discovered Bluetooth devices, including the Bluetooth device that is already connected.'
+    }, {
+      title: 'my.getConnectedBluetoothDevices',
+      description: 'Get connected devices.'
+    }, {
+      title: 'my.connectBLEDevice',
+      description: 'Connect to the Bluetooth Low Energy (BLE) device.'
+    }, {
+      title: 'my.disconnectBLEDevice',
+      description: 'Disconnect from the BLE device.'
+    }, {
+      title: 'my.writeBLECharacteristicValue',
+      description: 'Write data into the characteristic value of the BLE device.'
+    }, {
+      title: 'my.readBLECharacteristicValue',
+      description: 'Read the data from the characteristic value of the BLE device.'
+    }, {
+      title: 'my.notifyBLECharacteristicValueChange',
+      description: 'Enable the notify feature for the characteristic value change of the BLE device.'
+    }, {
+      title: 'my.getBLEDeviceServices',
+      description: 'Get all the services of Bluetooth devices.'
+    }, {
+      title: 'my.getBLEDeviceCharacteristics',
+      description: 'Get all the characteristic values of Bluetooth devices.'
+    }, {
+      title: 'my.onBluetoothDeviceFound',
+      description: 'This event is triggered when a new Bluetooth device is found.'
+    }, {
+      title: 'my.offBluetoothDeviceFound',
+      description: 'Stop listening to the events of searches for new Bluetooth devices.'
+    }, {
+      title: 'my.onBLECharacteristicValueChange',
+      description: 'Listen to the events of characteristic value changes of the BLE device.'
+    }, {
+      title: 'my.offBLECharacteristicValueChange',
+      description: 'Stop listening to the events of characteristic value changes of the BLE device.'
+    }, {
+      title: 'my.onBLEConnectionStateChanged',
+      description: 'Listen to the events of BLE connection errors, such as device loss and abnormal disconnection.'
+    }, {
+      title: 'my.offBLEConnectionStateChanged',
+      description: 'Stop listening to the events of connection status changes of the BLE device.'
+    }, {
+      title: 'my.onBluetoothAdapterStateChange',
+      description: 'Listen to the events of local Bluetooth status changes.'
+    }, {
+      title: 'my.offBluetoothAdapterStateChange',
+      description: 'Stop listening to the events of local Bluetooth status changes.'
+    }, {
+      title: 'Error code',
+      description: 'List for the error code of Bluetooth API.'
+    }]
+  }]
+}, {
+  title: 'Data security',
+  id: 7,
+  children: [{
+    title: 'my.rsa',
+    description: 'Asymmetric encryption.'
+  }]
+}, {
+  title: 'Share',
+  id: 8,
+  children: [{
+    title: 'onShareAppMessage',
+    description: 'Customize onShareAppMessage function on the page to set the information for sharing on this page.'
+  }, {
+    title: 'my.hideShareMenu',
+    description: 'Hide Share button.'
+  }]
+}, {
+  title: 'Current running version',
+  id: 9,
+  children: [{
+    title: 'my.getRunScene',
+    description: 'Get the running version of the current mini program.'
+  }]
+}, {
+  title: 'Custom analysis',
+  id: 10,
+  children: [{
+    title: 'my.reportAnalytics',
+    description: 'Customize the report operation of data analysis.'
+  }]
+}, {
+  title: 'Mini program redirection',
+  id: 11,
+  children: [{
+    title: 'my.navigateToMiniProgram',
+    description: 'Navigate to other mini programs.'
+  }, {
+    title: 'my.navigateBackMiniProgram',
+    description: 'You can navigate back to the previous mini program only when another mini program is navigated to the active mini program.'
+  }]
+}, {
+  title: 'webview component control',
+  id: 12,
+  children: [{
+    title: 'my.createWebViewContext',
+    description: 'Create and return webViewContext object.'
+  }, {
+    title: 'webViewContext',
+    description: 'You can bind WebViewContext with a web-view component and implement some features through webviewId.'
+  }]
+}]; // const trList = document.getElementsByTagName('table')[0].getElementsByTagName('tbody')[0];
+// const rows = trList.querySelectorAll('tr');
+// // 遍历每一行，提取信息
+// const newMapList = [];
+// rows.forEach(row => {
+//   const linkElement = row.querySelector('a');
+//   const descriptionElement = row.querySelector('td:nth-child(2) p');
+//   // 获取链接文本作为title
+//   const title = linkElement.textContent.trim();
+//   // 获取描述
+//   const description = descriptionElement.textContent.trim();
+//   newMapList.push({ title, description });
+// });
+// console.log(newMapList);
+
+exports.source = source;

package/es/common/LinkModal/MiniAppApi/index.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = MiniAppApi;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+var _const = require("./const");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var Search = _antd.Input.Search;
+
+function MiniAppApi(_a) {
+  var _onChange = _a.onChange;
+  var columns = [{
+    title: 'Name',
+    dataIndex: 'title'
+  }, {
+    title: 'Features',
+    dataIndex: 'description'
+  }];
+  var rowSelection = {
+    getCheckboxProps: function getCheckboxProps(record) {
+      return {
+        disabled: record.children
+      };
+    },
+    onChange: function onChange(selectedRowKeys, selectedRow) {
+      _onChange({
+        value: selectedRowKeys[0],
+        name: selectedRow[0].title
+      });
+    },
+    type: 'radio'
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      padding: '10px 0'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(Search, {
+    enterButton: true,
+    onSearch: function onSearch() {},
+    placeholder: "Api Name"
+  })), /*#__PURE__*/_react["default"].createElement(_antd.Table, {
+    bordered: false,
+    columns: columns,
+    dataSource: _const.source,
+    defaultExpandAllRows: true,
+    pagination: false,
+    rowKey: "title",
+    rowSelection: rowSelection,
+    scroll: {
+      y: 480
+    }
+  }));
+}