@realsee/dnalogel 2.1.0-alpha.10 → 2.1.0-alpha.11

package/libs/PanoTagPlugin/Components/Common/Text.js

@@ -21,6 +21,7 @@ import anime from 'animejs';
 import { onMount } from 'svelte';
 import { notNil } from '../../../shared-utils/isNil';
 import { searchFirstValueSmallThanLastValue } from '../../utils';
+import { RANDON_STRING } from '../../utils/constants';
 
 function add_css(target) {
 	append_styles(target, "svelte-1b2n9wi", ".text-char.svelte-1b2n9wi{display:inline-block;text-shadow:0.125rem 0rem 0.5rem rgba(0, 0, 0, 0.15)}");
@@ -34,7 +35,7 @@ function get_each_context(ctx, list, i) {
 	return child_ctx;
 }
 
-// (60:0) {#each contentList as item, index}
+// (80:0) {#each contentList as item, index}
 function create_each_block(ctx) {
 	let span;
 	let t_value = /*item*/ ctx[10] + "";
@@ -202,7 +203,23 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*content*/ 16) {
-			$: $$invalidate(1, contentList = content.slice().split(''));
+			// v0.3.7 emoji support
+			$: $$invalidate(1, contentList = (() => {
+				const result = [];
+
+				// eslint-disable-next-line prettier/prettier
+				const emojiRegExp = new RegExp(/\p{RI}\p{RI}|\p{Emoji}(\p{EMod}+|\u{FE0F}\u{20E3}?|[\u{E0020}-\u{E007E}]+\u{E007F})?(\u{200D}\p{Emoji}(\p{EMod}+|\u{FE0F}\u{20E3}?|[\u{E0020}-\u{E007E}]+\u{E007F})?)+|\p{EPres}(\p{EMod}+|\u{FE0F}\u{20E3}?|[\u{E0020}-\u{E007E}]+\u{E007F})?|\p{Emoji}(\p{EMod}+|\u{FE0F}\u{20E3}?|[\u{E0020}-\u{E007E}]+\u{E007F})/gu);
+
+				const emojiSplitFlag = `__EMOJI_SPLIT_${RANDON_STRING}__`;
+				const emojiFlag = `__EMOJI_${RANDON_STRING}__`;
+
+				content.slice().replace(emojiRegExp, emoji => `${emojiSplitFlag}${emojiFlag}${emoji}${emojiSplitFlag}`).split(emojiSplitFlag).forEach(item => {
+					if (item.startsWith(emojiFlag)) return result.push(item.slice(emojiFlag.length)); else return result.push(...item.split(''));
+				});
+
+				// console.log(result.filter(Boolean))
+				return result.filter(Boolean);
+			})());
 		}
 
 		if ($$self.$$.dirty & /*unfolded*/ 32) {

package/libs/PanoTagPlugin/controller/index.js

@@ -9,7 +9,7 @@ import { TagComputer } from './TagComputer';
 import { CSS3DRenderPlugin } from '../../CSS3DRenderPlugin';
 import { DimensionType, PointType } from '../typings';
 // declare const __APP_VERSION__: string
-const VERSION = '0.3.6';
+const VERSION = '0.3.7';
 const PLUGIN_NAME = `DnalogelPlugin-PanoTagPlugin@${VERSION}`;
 const TAG_INITIAL_UNFOLDED = true;
 export const pluginFlag = (name) => `${PLUGIN_NAME}--${name}`;

package/libs/PanoTagPlugin/mocks/mock1.d.ts

@@ -16,7 +16,6 @@ declare const _default: {
             audioUrl?: undefined;
             linkType?: undefined;
         };
-        element: HTMLParagraphElement;
         style: {
             point: {
                 style: string;
@@ -45,7 +44,6 @@ declare const _default: {
             audioUrl?: undefined;
             linkType?: undefined;
         };
-        element?: undefined;
         style?: undefined;
         normal?: undefined;
     } | {
@@ -69,7 +67,6 @@ declare const _default: {
             audioUrl?: undefined;
             linkType?: undefined;
         };
-        element?: undefined;
         style?: undefined;
         normal?: undefined;
     } | {
@@ -98,7 +95,6 @@ declare const _default: {
                 iconUrl: string;
             };
         };
-        element?: undefined;
         normal?: undefined;
     } | {
         dimensionType: string;
@@ -118,7 +114,6 @@ declare const _default: {
             audioUrl?: undefined;
             linkType?: undefined;
         };
-        element?: undefined;
         style?: undefined;
     } | {
         dimensionType: string;
@@ -137,7 +132,6 @@ declare const _default: {
             price?: undefined;
             linkType?: undefined;
         };
-        element?: undefined;
         style?: undefined;
         normal?: undefined;
     } | {
@@ -157,7 +151,6 @@ declare const _default: {
             price?: undefined;
             audioUrl?: undefined;
         };
-        element?: undefined;
         style?: undefined;
         normal?: undefined;
     }) & {

package/libs/PanoTagPlugin/mocks/mock1.js

@@ -12,7 +12,7 @@ const tagList = [
         // normal: [-1.3472052051879881, -0.22353184120423517, -0.4423657342911711],
         // position: [2.4858952, 0.12852754341132364, -3.848354251670743],
         data: {
-            text: 'wtqyiuegdhkjaxbcznm标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标',
+            text: '🙋‍♂️123标题标题🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️标题标🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️🙋‍♂️题标题标题标题标题标',
         },
         // element: (content: HTMLElement) => {
         //   console.log(content)
@@ -22,7 +22,7 @@ const tagList = [
         //   a.style.background = 'red'
         //   content.appendChild(a)
         // },
-        element: document.createElement('p'),
+        // element: document.createElement('p'),
         style: {
             point: {
                 style: 'CustomIcon',

package/libs/PanoTagPlugin/utils/constants.d.ts

@@ -0,0 +1,3 @@
+export declare function random(): string;
+declare const RANDON_STRING: string;
+export { RANDON_STRING };

package/libs/PanoTagPlugin/utils/constants.js

@@ -0,0 +1,5 @@
+export function random() {
+    return Math.random().toString(36).slice(-6);
+}
+const RANDON_STRING = random();
+export { RANDON_STRING };

package/package.json

@@ -8,7 +8,7 @@
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "description": "如视 VR 看房插件合集",
   "private": false,
-  "version": "2.1.0-alpha.10",
+  "version": "2.1.0-alpha.11",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
     "build": "yarn run tsb && yarn run build:rollup && yarn run build:components && yarn build:docs",